В CSS есть свойство aspect-ratio, полностью поддерживаемое примерно с 2021 года. Это свойство может помочь там, где нельзя использовать фиксированный размер. Но всё может пойти не так, и в результате получится элемент, не соблюдающий aspect-ratio. https://www.dev-notes.ru/articles/css/things-that-can-break-aspect-ratio-in-css/

Бывают случаи, когда действительно необходимо поддерживать определённое соотношение между шириной и высотой отзывчивых элементов на веб-странице. Долгое время это можно было сделать с помощью различных CSS-трюков. Свойство CSS aspect-ratio изменило ситуацию: теперь мы можем задавать соотношение сторон элемента в одной строке кода. Давайте рассмотрим, как использовать свойство aspect-ratio. Читать статью полностью