Scroll-snap to element

Hi all!

For our website we want to have a list with all our activities where the user has to scroll through. I made this using a sticky part on the left and then the user can scroll and see all our activities on the right.
Now for my question: I want these ‘activities’ to snap in place when scrolling. I found a lot of tutorials online but they use sections to snap to… I tried fiddling with some code etc but whatever I try I can’t make it snap whatsoever… Am I not seeing something? How can I achieve this effect?

Sorry if I don’t use the right terminology, I’m relatively new to programming (+ not a native English speaker…)

Hope somebody can help me out!


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