Full Screen Homepage Slider

Hello everyone,

I am trying to vertically center these 2 homepage sliders and fill the entire VH, while keeping the header and footer visible on the viewport and no scrollbar (I set the body to overflow hidden to avoid unnecessary scroll bar). I managed to “fake the centering” by giving the sliders container exact VH values, but since I can’t set any VH for 27-inch screens (2560px) I need a better solution to fill the remaining space below slider container on 27-inch screens.

Any tips are highly appreciated!

Here’ the live website: https://art-de-vivre.webflow.io/

And the webflow preview link:
https://preview.webflow.com/preview/art-de-vivre?utm_medium=preview_link&utm_source=designer&utm_content=art-de-vivre&preview=381055d9cf106bdff199a35ac84771a8&mode=preview


Here is my site Read-Only: LINK
(how to share your site Read-Only link)