.section-text-and-media {
  padding: var(--margin) 0 var(--section-gap-lg);
}
.section-text-and-media__grid {
  position: relative;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.section-text-and-media__content {
  grid-column: 1/-1;
}
.section-text-and-media__image {
  grid-column: 1/-1;
  border-radius: 0.66rem;
  overflow: hidden;
}
@media only screen and (max-width: 1023px) {
  .section-text-and-media__image {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .section-text-and-media__content {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-top: var(--text-gap-md);
  }
}
@media only screen and (min-width: 600px) {
  .section-text-and-media__content {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1/4;
  }
}
@media only screen and (min-width: 1024px) {
  .section-text-and-media__content {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
    grid-column: 1/7;
    padding-top: 0.5rem;
  }
  .section-text-and-media__image {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -ms-grid-column: 9;
    -ms-grid-column-span: 4;
    grid-column: 9/13;
  }
  .section-text-and-media.inverse .section-text-and-media__content {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -ms-grid-column: 7;
    -ms-grid-column-span: 6;
    grid-column: 7/13;
  }
  .section-text-and-media.inverse .section-text-and-media__image {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
    grid-column: 1/5;
  }
}