Carousel Slider with Scaling an Opacity interaction not working

Hi there,

I’m trying to create a carousel slider where the inactive slide have 0.8 Scaling and 50% Opacity applied like below:


But I can only get the desired effect after I click to change the first slide:

I suspect this is due to the fact that I’m also using Finsweet’s CMS slider here, but for the life of me I can’t get it working right, and it should be simple.

Staging is here: https://elo-spaces.webflow.io/

Any advice on how to get what I want would be greatly appreciated.

Here is my public share link: https://preview.webflow.com/preview/elo-spaces?utm_medium=preview_link&utm_source=designer&utm_content=elo-spaces&preview=3002495e9a0a1419b6a12d19fc5ea317&workflow=preview

I cheated ans just wrote some javascript to do a fake click on the next botton since the interaction worked on the first slide change. So, it’s fine, but if anyone does have advice on how to do it the correct with finsweet’s slider then please drop a comment.