How to dynamically change the height of an empty block?

Question

css

I ran into a small problem, according to the draft link: usagid.com/pages/hotel/hotel_result.html
In the block with the establishment, when the width of the browser window changes, only the width of the block with the picture changes (the picture is set as a background, the block itself is empty).
I tried everything I knew, even the clientWidth property in js did not help me in order to somehow automate this, since it writes the current value to the variable and when the window is further resized, the ratio remains the same.
I will be glad to any solution to this problem, everything will be interesting for educational purposes)

Answer 1

Option 1 - handle the resize event
Option 2 - use vw

Answer 2

div.some-block{
    background:url('some.img')no-repeat center;
    background-size: contain;
}

background-size
I think you know how to control the size of the block.

Answer 3

The picture should not be written as a background, but pushed into html.