Horizontal scroll snapping in Section?

Design help Custom code
1

Hey everyone! I am a UX Bootcamp student and a 3-mo old Webflow noob. Really appreciate some help in what I hope is a relatively easy task.

I am taking a page from Webflow’s own tutorial on horizontal scroll (Horizontal scrolling | Webflow University) for my portfolio section on the homepage. Now I want to introduce scroll snapping for each case study, but I am not sure if custom code of scroll-snap-align would work at all, given that horizontal scrolling was achieved via interactions.

So my questions are:

  1. Can I use some simple CSS codes in combination with Webflow official horizontal scrolling method to achieve horizontal scroll snapping?
  2. If I have to abandon Webflow’s method, what is the best way to achieve horizontal scroll snapping?

Thanks!

Here is my site Read-Only: [https://preview.webflow.com/preview/mojo-design?utm_medium=preview_link&utm_source=dashboard&utm_content=mojo-design&preview=bcb0cd0fe009d34fd7b926c911baf663&workflow=preview]