.wp-block-sp-side-by-side__container {
  --side-by-side-radius: var( --radius-xlarge );
  display: grid;
  grid-template-columns: 1fr 5rem 1fr;
}
.wp-block-sp-side-by-side__container.orientation-content-image .wp-block-sp-side-by-side__image-container {
  grid-column: 1/3;
}
.wp-block-sp-side-by-side__container.orientation-content-image .wp-block-sp-side-by-side__content-container {
  grid-column: 2/-1;
}
.wp-block-sp-side-by-side__container.orientation-image-content .wp-block-sp-side-by-side__image-container {
  grid-column: 2/-1;
}
.wp-block-sp-side-by-side__container.orientation-image-content .wp-block-sp-side-by-side__content-container {
  grid-column: 1/3;
}
@media (hover: hover) {
  .wp-block-sp-side-by-side__container:hover .wp-block-sp-side-by-side__image {
    -moz-transform: scale(102%);
         transform: scale(102%);
  }
}
@media only screen and (max-width: 781px) {
  .wp-block-sp-side-by-side__container {
    --side-by-side-radius: var( --radius-large );
    grid-template-columns: 1rem 1fr 1rem;
    grid-template-rows: auto 1.5rem auto;
  }
  .wp-block-sp-side-by-side__container.orientation-image-content .wp-block-sp-side-by-side__image-container, .wp-block-sp-side-by-side__container.orientation-content-image .wp-block-sp-side-by-side__image-container {
    grid-column: 1/-1;
    grid-row: 1/3;
  }
  .wp-block-sp-side-by-side__container.orientation-image-content .wp-block-sp-side-by-side__content-container, .wp-block-sp-side-by-side__container.orientation-content-image .wp-block-sp-side-by-side__content-container {
    grid-column: 2/3;
    grid-row: 2/-1;
  }
}

.wp-block-sp-side-by-side__image-container {
  grid-row: 1;
  overflow: clip;
  border-radius: var(--side-by-side-radius);
}

img.wp-block-sp-side-by-side__image {
  border-radius: var(--side-by-side-radius);
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  -moz-transition: var(--transition-time--longer) var(--cubic-bezier) transform;
  transition: var(--transition-time--longer) var(--cubic-bezier) transform;
}
@media only screen and (max-width: 781px) {
  img.wp-block-sp-side-by-side__image {
    aspect-ratio: 16/9;
  }
}

.wp-block-sp-side-by-side__content-container {
  border-radius: var(--side-by-side-radius);
  grid-row: 1;
  isolation: isolate;
  align-self: center;
  background-color: var(--wp--preset--color--white);
  margin-block: 2rem;
  padding: 2.5rem;
}
@media only screen and (max-width: 781px) {
  .wp-block-sp-side-by-side__content-container {
    margin-block: 0;
    padding: 1.25rem;
  }
}