.so-media-text{align-items:center;display:flex;gap:52px 144px;.so-media-text__media{flex:1 0;figure{border-radius:16px;height:100%;overflow:hidden;width:100%;img{height:100%;object-fit:cover;object-position:center;width:100%}}}.so-media-text__text{flex:0 0 528px;p{font-size:var(--so-fontsize-body-medium)}}&.inverse{flex-direction:row-reverse}@media screen and (max-width:1100px){.so-media-text__text{flex:1 0}}@media screen and (max-width:768px){flex-direction:column;&.inverse{flex-direction:column}}}