How to make slides appear at the top of each other inside a sticky section

Design help General
1

Hello community,
I am trying to make some pictures appear on the top of each other with opacity, but the animation is not smooth at all. Also, the 3rd image that needs to appear is not the right one, and I don’t really know what’s wrong. Overall, the whole animation feels weird and laggy.
I used a cache wrapper to create the animation and set the z index to 0, while the sticky wrapper is 1.
I am attaching here the link to the page:

https://preview.webflow.com/preview/chirp-website-1b74ca?utm_medium=preview_link&utm_source=designer&utm_content=chirp-website-1b74ca&preview=04a12a4d99ad38d3014afbb379697f58&workflow=preview

Here is my site Read-Only: LINK
(how to share your site Read-Only link)