Automatic price or product carousel (kind of)

Hi, i'm trying to create some animations on my website that looks like a carousel
You can see what i'm trying to achieve with the links below

basically, i would like each square to become bigger, the animation to occur automatically, not on hover and gradually (1 goes ahead, then goes back, 2 goes after and then 3 and it repeats to infinite )
Link to animation 1 example
https://www.loom.com/share/8358d0c8536d40688882e940ddb5f04c

for the second animation, it would be the same logic, but instead of getting bigger, the opacity increases and it moves slightly on the right (a few pixels)
see image below

https://www.loom.com/share/6b7a9793020c4494b28e34a3d416fd68

the website is https://www.syoux.net/ if you need to see it live

I've tried to achieve it with css but failed to insert logic and sync the three
also i'm a beginner in webdev
(also i'm french, so excuse my bad english :/)

Thanks for your help