Images overflowing out of a div with overflow set to hidden

Hi Lads,
I’m a little stumped. The idea is to create viewports of a certain height that one after another scroll through fixed divs. I seem to have gotten that working, but then it looks like images inside of those fixed divs do not want to cooperate and end up overflowing out of them, despite overflow set to hidden.

First viewport div - Leeside Forge, seems to be somewhat working as expected up to a point. It starts as hidden under the hero section and then the contents of the fixed div hide behind the second viewport div - UpDown section.

Second viewport div looks to be overlapping the first one right out the gate, and I cannot understand why, since both of them are set up exactly the same way.

Am I approaching the whole thing from a completely wrong angle? Any advice would be appreciated.

Thank you!


Here is my site Read-Only: Webflow - firelightdesign.co