Responsive design problem

Hi there, I need some help with the responsiveness of the design. I’ve set different vh for the sections for different screen sizes, it works fine on the preview, sometimes when I resize the browser as well. But once I published it to the website, it’s full of bugs, images can’t show, content flow out of its section. I am getting quite frustrated :confused:

Can someone please give me some advice on how to make better responsive settings for different screen sizes so this doesn’t happen?

This is the published link, it’s not working on iPhone 7 plus.
https://the-man-in-the-hat.webflow.io/about-us/brand-story

Read-only link: https://preview.webflow.com/preview/the-man-in-the-hat?utm_medium=preview_link&utm_source=designer&utm_content=the-man-in-the-hat&preview=2c2999410e087a100b8570e21e712a5e&pageId=6049b1ff5d4560364bf37239&mode=preview

Really really appreciate your help! Thanks a lot in advance!

Cheers,
Daphne