Horizontal Scroll Snapping with Framer Motion

Hello! I'm following an example of a sticky horizontal scroll with NextJs and Framer Motion as a base to make something for my project
https://www.hover.dev/components/carousels#horizontal-scroll-carousel
here you can see the complete example code

And here is a stackblitz I made for reference of my code:
https://stackblitz.com/edit/stackblitz-starters-za3gl9zd?file=app%2Fpage.tsx

The thing is I need them, being full screen to snap scroll between cards and I'm trying different things but I can't make it work, it seems Framer Motion is not working with snap-x and snap-mandatory from tailwind, I'm trying on mobile using every card on full screen

I'm looking for something similar online but I can't find any

Thank you in advance!