Есть новый способ (уже как почти пол года) задать aspect-ratio для объекта. Смотрел видео от Гугл как работает.
Не могу найти это видео и интернет забит плагиатом, ничего нового вообще, даже grid до конца не осветили (в опыте больше информации).

о padding-top/bottom % знаю - не интересует
о width:auto - не интересует

есть еще способ

он работает вместе с object-fit
object-fit также дружит еще с одним свойством интересным (не помню сейчас)

Нужно простенько задать aspect-ratio блока, чтоб картинка обрезалась по object-fit, центрировалась, а край который шире или выше обрезался.
Можете помочь найти названия css свойства?

Вижу, что aspect-ratio: 16/9 не ругается, но и не работает. Чего-то нехватает

object-fit + object-position (уже наконец то есть статья нормальная)

aspect-ratio все еще не нахожу

вроде как с overflow: hidden; ситуация меняется... но было еще проще

ширина или высота должна быть, overflow - работает. картинка внутри блока. блок по флеху сжимается. под картинкой кнопка - все красиво