Scroll snapping only on certain parts


I followed a tutorial on scroll snapping and finally got it to work perfectly. Only problem is that the tutorial is meant for websites where the scroll is always snapping to some container whereas I just want on some divs (the fullscreen ones that show my projects). I fiddled with it a little bit and got it to work. Now the only issue I’m facing is that the scroll can get confused if the cursor is hovering too early on the scroll snapping divs. Making it scroll on what’s already showing and not the whole screen. Is there any way to solve this?

Here is my site Read-Only: [LINK](Webflow - Olympus Webfolio)