Scroll Snap Behaviour

Hey guys wonder if you can help me. I have just added some scroll snap to my homepage. The idea is to have the Hero section at the top scroll snap to the section below but then once in the content section, have it scroll as normal.

I have achieved the first step with it scroll snapping to the connect section, however once in the content section I am experiencing weird scrolling glitches. its not scrolling smoothly as it would normally and sometimes pings back to the top.

(ps when previewing in designer it glitches a lot so please visit the live link to preview)

(im using Safari)

Im guessing its just that I have implemented scroll snap wrong but I can’t figure it out.

Also scroll snap does not seem to be working at all in Chrome… any ideas?

Cheers guys

Here is my site Read-Only: [LINK]
(how to share your site Read-Only link)