Scroll page animation of a toothbrush from this site

Hi, my name is Sveta
I’m relatively new to webflow. I am trying to recreate an animation of a toothbrush from this site:
https://hum.colgate.com/

Does anyone know how to do it? I’ve tried with interaction opacity for two of the images, but it didn’t come out smooth as it is here, despite the fact that I changed the easing.

Thanks in advance to anyone that can help(:

https://preview.webflow.com/preview/sveta-webflow?utm_medium=preview_link&utm_source=designer&utm_content=sveta-webflow&preview=3e75b13ccca55dda070dd73bb8909b8f&mode=preview

https://sveta-webflow.webflow.io/