.wp-block-sp-highlight__container {
  isolation: isolate;
  --highlight-radius: var( --radius-xlarge );
  --outer-highlight-radius: -moz-calc( 1.35 * var( --highlight-radius ) );
  --outer-highlight-radius: calc( 1.35 * var( --highlight-radius ) );
  display: grid;
  grid-template-columns: 50% 35% 15%;
}
@media only screen and (max-width: 781px) {
  .wp-block-sp-highlight__container {
    --highlight-radius: var( --radius-large );
    grid-template-columns: 1rem 1fr 1rem;
    grid-template-rows: auto 1.5rem auto;
  }
  .wp-block-sp-highlight__container .wp-block-sp-highlight__image-container {
    grid-column: 1/-1;
    grid-row: 1/3;
  }
  .wp-block-sp-highlight__container .wp-block-sp-highlight__content-container {
    grid-column: 2/3;
    grid-row: 2/-1;
  }
}

.wp-block-sp-highlight__image-container {
  z-index: -1;
  grid-row: 1;
  grid-column: 1/3;
  aspect-ratio: 3/1;
  width: 100%;
  height: 100%;
  border-radius: var(--highlight-radius);
}
@media only screen and (max-width: 781px) {
  .wp-block-sp-highlight__image-container {
    aspect-ratio: 3/2;
  }
}

img.wp-block-sp-highlight__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  border-radius: var(--highlight-radius);
}

.wp-block-sp-highlight__content-container {
  position: relative;
  grid-row: 1;
  grid-column: 2/-1;
  align-self: center;
  background-color: var(--wp--preset--color--blue);
  color: var(--wp--preset--color--white);
  padding: 3rem 4rem;
  margin-block: 4rem;
  border-radius: var(--highlight-radius);
}
@media only screen and (max-width: 999px) {
  .wp-block-sp-highlight__content-container {
    margin-block: 3rem;
  }
}
@media only screen and (max-width: 781px) {
  .wp-block-sp-highlight__content-container {
    margin-block: 0;
    padding: 2rem;
  }
}
.wp-block-sp-highlight__content-container::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 1rem;
  top: 1rem;
  border-radius: var(--outer-highlight-radius);
  background-color: var(--wp--preset--color--blue-shade-1);
  z-index: -1;
}