Swiperjs - responsiveness issue

Hi all,

I’ve been fiddling with swiperjs for a while now, but can’t seem to get one thing sorted.
It regards the responsiveness of the images.

I have a page wrapper that is 100vh, the page exists out of navigation and below this the swiper.

However, the swiper exceeds the 100vh height. It should resize to stay within this 100vh page wrapper. I don’t want to set fix heights because this is not responsive, width of the slides should resize proportionally based on the height.

@Siton_Systems already helped me with a few things, but this is the most important thing.


Livelink: https://jsl-test.webflow.io/home-copy

Here is my site Read-Only: [https://preview.webflow.com/preview/jsl-test?utm_medium=preview_link&utm_source=dashboard&utm_content=jsl-test&preview=41c9828a161c5932b448dffe5a302671&mode=preview][1]