Animate a dynamic image carousel

Hi everyone,

I’ve built a dynamic image carousel following a FInsweet-Tutorial on YouTube (link here: Build Webflow CMS Dynamic Slider from Scratch | How To - YouTube).

Here is what I got out of it, only populating it with dummy data until now:
https://preview.webflow.com/preview/nordseerose?utm_medium=preview_link&utm_source=designer&utm_content=nordseerose&preview=dbf9abdc83c61a051891e6f492e72b7c&pageId=5ff6f25c77b4b61dc66a5258&mode=preview

You might want to look at it on the live site, as it won’t display properly in the designer.

I now want the middle image to appear about 20% bigger than the ones left and right to it. Everytime the carousel slides, another image is going to be in the middle - that’s what I want to animate.
Since I can’t directly address it in the designer and have very limited coding knowledge, I am counting on you guys to help me out with this one!

Cheers
Timon