Sliding animation on hover issue

On my landing page (3rd section) where are 5 red div block (Card-wrapper/card1,2,3,4,5) sliding animation is not working properly/smooth when hovering directly from 1 div to another

Here is read-only link: Webflow - MK Trading Team

Here is website link :

On this site landing page is example how it SHOULD work:

I would really appreciate any help or suggestions !

Thanks in advance !

Hey @MK_Team

On “Mouse Out” interaction for all these cards, remove the first part of the duplicated interactions with 0s. Example as in the screenshot.


In addition to that, I suggest to make the animation speed longer so that it will looks smoother. Probably double the current time, 0.4-0.5s.