Slider depth reduces as browser width reduces

I need to add a slider that reduces in height as the browser window reduces, so the slider images stay in proportion.

On the link below it shows a single image behaving how the slider current does (top), and what I want it to do (below).

https://testing-efddfa.webflow.io/

Please can someone advise…

Thanks

This is what I want to achieve (without the flashy transitions)…

https://www.dmxzone.com/demo/dmxzoneNivoSlider/ResponsiveRestaurant/index.html?fbclid=IwAR28uLEAqdm4R8Cw2kM3ylpCE8LVuNyI5rq5vL1ngGJ0t4kR4UVbq_9Jsps