Horizontal scroll snapping in Section?

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: [Webflow - mojo design]