Horizontal scrolling: Add animations when an item comes into view

Hi, my client wants to use a slider which doesn’t work with buttons but is being scrolled horizontally.
I have achieved the horizontal scroll thanks to the Webflow tutorials, but I am stuck adding animations to each “slide” (element) that comes into view. When I use the scroll into view option the animations get triggered instantly without being into the viewport.

In my read-only link you will see the effects in the slider (excuse the little imperfections, it’s for showing purposes) they are looking for and on the bottom is the horizontal scroll.

The question is how do I the effects of the slider onto the horizontal scroll.
I would appreciate your help as my client is rushing me to get the project finished.


Here is my public share link: https://preview.webflow.com/preview/egicat-egypt?utm_medium=preview_link&utm_source=designer&utm_content=egicat-egypt&preview=acc1a6f6e6bcb05a05fe143af897e731&pageId=61a79d3b7f7ab72b54c498ae&workflow=preview