.mid-size-image-with-text {
  --page-width: 950px;
  --grid-desktop-horizontal-spacing: 52px;
  img {
    width: 100%;
    height: auto;
  }
  .grid__item {
    max-width: unset;
  }
  .grid__item.align-middle {
    align-content: center;
  }
  .grid__item.align-bottom {
    align-content: end;
  }
  .grid__item.image-grid {
    max-width: 27rem;
  }
}
@media only screen and (max-width: 749px) {
  .mid-size-image-with-text {
    .grid {
      flex-direction: column-reverse;
      gap: 2.7rem;
    }
    .grid__item.image-grid {
      margin-inline: auto;
    }
  }
}