Responsive hero section to fit in 100vh

Hello Guys,

I am working on a website for which I need my hero section to be always fit in 1 viewport i.e in 100vh and I am using wizardry method for responsiveness and using sizes in em unit, but I am unable to achieve responsiveness. Attaching the reference image

I want this hero section to appear like this on every screen and need that the grey box in right should be fitted in 1 viewport. Max width of website is kept 1440px, and the height of this container is 843px so I used 58.54em height in webflow. but its overflowing in some devices. how to make it fit in 1 viewport on all devices?

Here’s the read-only link

https://preview.webflow.com/preview/sugar-a2169e?utm_medium=preview_link&utm_source=designer&utm_content=sugar-a2169e&preview=21cd25a8b854a93f26cc3a5559ce0e52&workflow=preview