Horizontal scroll with mouse hover

Hello everyone!

I’m trying to make this horizontal scroll for the user to check more cards when they’re avaiable.
I got it to work, but the interaction is a little bit off.

Since I’m using CMS, I can’t set the width with pixels inside the mouse move over element animation. It works fine when there are 5 cards, but fewer than that, they disappear quickly.

Is there a way to animate this according to the widht generated on that particular set of cards?

Any help would be aprecciated.

You can check the project below.


Here is my public share link: LINK
(how to access public share link)