Stop overflowing responsive(?) content

I’ve set up a container element that should shrink all the content inside on smaller screens as all the content is set to either VH or VW but for some reason content is overflowing.

My best guess it thats a few DIV blocks that aren’t shrinking because the grid children and creating a gap between the heading and body. How can I fix this?

Need help2


Hey,

could you link the read-only version of your site?

Sorry I did add it in the post. Don’t know what happened.

https://preview.webflow.com/preview/jamals-sublime-project-9a62d2?utm_medium=preview_link&utm_source=designer&utm_content=jamals-sublime-project-9a62d2&preview=61340d62a4ee4096ea4d789dcac3cb22&mode=preview