I have the problem with Images height on smaller Viewport Heights

Design help General
1

I have a problem with my Images when the Viewport Height is smaller (devices like laptops).
This is the screenshot of the page when the Viewport Height is big:

hero-big
hero-big1919×930 43.7 KB

This is the screenshot of the page when the Viewport Height is small:

image
image719×331 31.3 KB

As you can see, on the Laptop, my image goes high under the Navbar.
The Height of this Hero section is 100VH and it has to be like that as the image is the only element on the homepage and there is no content below to scroll down to. Also, the image is in Slider element because there are 3 more images that will be changing every 4 seconds. To hold the image on the bottom of the screen always, I set the slider position to Fixed to the bottom and it works like that. But when the viewport goes lower on Laptop devices, the height does not change and an Image starts cutting. I tried to set Max height of Slides and it doesn’t work. Please help me with this.

https://preview.webflow.com/preview/swaggy-464f67?utm_medium=preview_link&utm_source=designer&utm_content=swaggy-464f67&preview=f7508d74578cbd2eb76234e5568a67ce&workflow=preview

Here is my site Read-Only: LINK

2

You will need to share your read-only link so we can figure out a solution :slight_smile: Pozdrav

3

I added the link in the description now

4

It 404 errors, try to make a new link