I have found a good solution for Swiper with the gallery and it works great but there is a problem with height on mobile devices:  

[![enter image description here](https://i.stack.imgur.com/TOElK.png)](https://i.stack.imgur.com/TOElK.png)

I have tried to replace this `height: 500px` to any dynamic but every time it's hiding without status height. Is there any solution to make it scalable without media queries?  

<https://jsfiddle.net/vertisan/j8a46vcg/1/>