Нативное соотношение сторон с помощью CSS-свойства aspect-ratio. Брэм Штайн про новое свойство из черновика Box Sizing L4, которое уже работает в сборках Chromium 89 и Firefox 85 и поможет нам избавиться от привычного, но неудобного паддинг-хака.

https://www.bram.us/2020/11/30/native-aspect-ratio-boxes-in-css-thanks-to-aspect-ratio/