.media-text-section{padding:8.8rem 0;}
.media-text-section__content{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-column-gap:2.4rem}
.media-text-section__content-img{grid-column:span 12/span 12;grid-column-start:1;margin-bottom:8.8rem}
.media-text-section__content-img img{display:block;width:100%;height:auto;aspect-ratio:0.77;object-fit:cover}
.media-text-section__content-copy{grid-column:span 12/span 12;grid-column-start:1;text-align:center}
.media-text-section__content-copy h2{font-size:2.4rem;line-height:1.3;margin-top:0;text-transform:uppercase;color:var(--text-color-primary);text-align:center;font-weight:300;margin-bottom:0}
.media-text-section__content-copy img{display:block;width:100%;height:auto;aspect-ratio:5/4;object-fit:cover;margin:2.4rem auto}
.media-text-section__content-copy p{text-align:center;color:var(--text-color-primary);font-size:1.6rem;margin-bottom:3.2rem}

@media(max-width:767px){
    .media-text-section{padding:4.4rem 0;}
    .media-text-section__content-img{margin-bottom:4.4rem}
    .media-text-section--reverse-mobile .media-text-section__content-img{order:2}
    .media-text-section--reverse-mobile .media-text-section__content-copy{order:1}
}
@media(min-width:768px){
    .media-text-section__content-img{grid-column:span 6/span 6;grid-column-start:1;margin-bottom:0}
    .media-text-section__content-img img{height:100%}
    .media-text-section__content-copy{grid-column:span 6/span 6;grid-column-start:7}
    .media-text-section__content-copy h2{margin-top:1.6rem}
    .media-text-section__content-copy img{width:calc(100% - 4.8rem)}
    .media-text-section--reverse .media-text-section__content-img{grid-column-start:7;order:2}
    .media-text-section--reverse .media-text-section__content-copy{grid-column-start:1;order:1}
}
@media(min-width:1280px){
    .media-text-section__content-copy{grid-column:span 5/span 5;grid-column-start:8}
    .media-text-section__content-copy h2{font-size:3.2rem;margin-top:0}
    .media-text-section__content-copy img{margin:3.2rem auto;width:100%}
    .media-text-section--reverse .media-text-section__content-img{grid-column:span 6/span 6;grid-column-start:7}
    .media-text-section--reverse .media-text-section__content-copy{grid-column:span 5/span 5;grid-column-start:1}
}
@media(min-width:1440px){
    .media-text-section__content{align-items:center}
    .media-text-section__content-copy{grid-column:span 4/span 4;grid-column-start:8}
    .media-text-section__content-copy p{margin-bottom:0}
    .media-text-section--reverse .media-text-section__content-copy{grid-column:span 4/span 4;grid-column-start:2}
}