Codepen implementation help

Hello everyone, I am very new to custom code, so I may need your help as I can’t seem to figure out how to make this work. I want to use both horizontal scrolling and scroll snap and all I found was this code pen here: https://codepen.io/GreenSock/pen/YzygYvM

Any ideas on how to implement that?

The target website is here:

https://preview.webflow.com/preview/seven-apostles?utm_medium=preview_link&utm_source=dashboard&utm_content=seven-apostles&preview=416366ecfa56e126437298895391081f&workflow=preview

I think it would be helpful if you state whether you are looking to implement the custom code or create a similar result using the IX2 (Webflow animations).

If custom code then the Codepen has the details already.

If IX2 then you might want to search for “horizontal scroll” here in the forums.
https://discourse.webflow.com/search?q=horizontal%20scroll

Or take a look at Webflow Workshop #105: Creating a horizontal scrolling page without coding - #5 by still_ideas

Happy building!

Thank you for the quick reply!

I managed to create a horizontal scroll without code, however, I wanted to also have the horizontally scrolling sections also have scroll snapping. My question, in this case, is if I can somehow implement horizontal scroll snapping without code, or if not, how do I get the codepen to work on webflow, as I have absolutely no idea how integrating it would work in the webflow site.

Thank you once again @webdev !