Как работает CSS-свойство aspect-ratio?

aspect-ratio задаёт соотношение сторон элемента: aspect-ratio: 16/9 создаёт прямоугольник 16:9 при любой ширине. Раньше для этого использовали хак с padding-top в процентах (56.25% для 16:9). Теперь одно свойство решает задачу. Работает с img, video, div. Для изображений в сочетании с object-fit: cover обрезает без искажений. Полезно для карточек, видео-плейсхолдеров, сеток. Избавляет от layout shift — браузер знает размер до загрузки контента.