Можно ли сделать чтобы высота зависела от ширины?
Накидал по быстрому. Оставил это здесь:
https://jsfiddle.net/jr87acqg/1/
Двигаем ширину блока и смотрим
проинспктируйте тут видео и посмотрите как сделано
https://getbootstrap.com/docs/4.3/utilities/embed/
там высота через падинг.embed-responsive-16by9::before {
    padding-top: 56.25%;
}