Looking for a CSS expert who is familiar with CSS animation

Hi

https://icard.ronveleiro.com/

If you check the website, I want to fix the image animation issue. As you see, the images were wrapping up each other.

My requirements:

As it fades in it zooms slightly. Over 10 - 15 seconds.
Then the XO bottle fades out and the Reserva bottle fades in on the right side, same way. Then Anejo on the left, then Blanco on the right, etc. (I implemented it in the footer.php)

The animation would be fixed so as you scroll it would stay in position (I implemented it in custom.js for one element)

https://prnt.sc/RCdSgkQHTvwT

I want to fix the animation speed for 8 images so it isn't wrapping up each other

On mobile we will have to make them fairly small. Only show 1/2 of the bottle (1/2 down the middle not across)

The style was defined in style.css
Image pat was defined in footer.php
Script was saved in custom.js

If you can complete it, I will provide FTP address
If you can start immediately, please place a bid.

Looking forward to hearing from you
Regards