.article{display:flex;flex-direction:column;gap:1rem;justify-content:center}@media (min-width:768px){.article{flex-direction:row}}.article__img{align-content:center;background-position:50%;background-repeat:no-repeat;display:flex;height:0;justify-content:center;padding-top:52.25%;position:relative;width:100%}.article__img--cover{background-size:cover}.article__img--contain{background-size:contain}