.image-text__inner { display: grid; gap: clamp(1.5rem, 4vw, 3rem); align-items: center; }
.image-text__text { --stack-gap: 1rem; max-width: 34rem; }
.image-text__text .button { align-self: flex-start; }
@media (min-width: 900px) {
  .image-text__inner { grid-template-columns: 1fr 1fr; }
  .image-text--image-right .image-text__media { order: 1; }
}