'How to snap each element while scrolling

I'm trying to recreate Google's Playstore design in HTML. I've made my container horizontally scrollable, and then added scroll-snap-type: x proximity; and scroll-snap-align: start; to make the elements snap while scrolling. However, only the third or fourth element snap since the scroll speed is too much. I know that scroll speeds shouldn't be tampered with code, so I need a way to always snap each element to the side like Playstore does. Any ideas?

Basically, go to the playstore and swipe on any carousal. Each item comes one after the other and snaps to the side. How do I recreate this?

Thank you!



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source