Как задать aspect ratio для блока через CSS?

Question

[ALEX]

Добрый день, нужно сделать на этой странице https://clearstoryinternational.com/coverage/ чтобы все картинки обрезались до нужного aspect ratio (1/2). Ответы на форумах типо https://www.geeksforgeeks.org/maintain-the-aspect-... не работают так как блок с картинкой получает position absotute и все последующие блоки лезут под него, а нужно чтобы блок с картинкой принимал четкое соотношение ширина/высота и последующие блоки идут сразу за ним. Возможно я просто не к тем контейнерам применяю эти CSS правила. Буду благодарен за любую помощь. Возможно существует более простой способ задать aspect ratio, но я ничего не нашел

Comments

[Rustam Bainazarov]

Для работы этого хака нужно его на обёртку ставить.



Если надо, чтобы именно заполняло пространство, то так:

Answer 1

[Genrikh]

Вот тут, похоже, машинный перевод, но суть уловить можно Сохраняем пропорции высоты и ширины элемента при и...