Как работает `aspect-ratio` для responsive images?
aspect-ratio: 16 / 9— задаёт соотношение сторон- Браузер вычисляет height из width (или наоборот)
- Заменяет padding-top hack:
padding-top: 56.25% - Для img: работает как hint пока изображение загружается (предотвращает CLS)
- Если указаны и width и height атрибуты на
<img>, браузер автоматически вычисляет aspect-ratio