Container not responsive when published

Hey everyone.

I’m having an issue that I can’t for the life of me figure out. My staff profiles in the dropdown look great when designing, however when I preview or publish, the container is cut off and the staff profiles are all over the place. This particularly happens if you try scale down devices (aka make your browser smaller etc)

It has to be something to do with the grid or display settings of the container but I can’t find out what. I dont understand why it looks out of place when previewing, but if you go back off preview mode it’s fine?

Please help! Read only link below. Thank you!

https://preview.webflow.com/preview/sir-manasseh-meyer-international-school?utm_medium=preview_link&utm_source=designer&utm_content=sir-manasseh-meyer-international-school&preview=8f3f2b0b387d9e3a1f91e9390eded6ae&pageId=64a3c727a59722730d62a1c2&workflow=preview


Here is my public share link: LINK
(how to access public share link)