.image-text-section {
  padding-block: 48px;
}

.image-text-section .row--main {
  row-gap: 48px;
}

.image-text-section .image-wrapper {
  border-radius: 8px;
}

@media (min-width: 992px) {
  .image-text-section.reverse .text-wrapper {
    padding-right: 100px;
    padding-left: calc(var(--mc-side-padding) - 48px);
  }

  .image-text-section:not(.reverse) .text-wrapper {
    padding-right: calc(var(--mc-side-padding) - 48px);
    padding-left: 100px;
  }
}