Streaming live at 10am (PST)

Help with responsiveness and layout

I’m creating a website for a salon. I have the hero image in a separate container set to absolute and full at 150vh and the section it’s in at 120vh. That way I could create a slight parallax effect as I scroll down the page. It works fine on all screen sizes except for landscape. When I check it on my phone (galaxy s21+) it picks up the setting from tablet mode and everything is huge. And on landscape it flys off the top of the page. I know it’s because it set to vh but I’m just really lost on what else to set it to.I’m newer to Webflow so any expert help would be really appreciated. I’ve been going crazy trying to fix this all day :’)

Here is my site Read-Only: Webflow - Hair by the beach