3D carousel for Divs!

Hello!

I am trying to create a 3D carousel for these 3 phone Divs. They are not images and have clickable elements inside…which makes it different to other carousels I have seen.

I want it something like this with the carousel motion of the elements swapping places in the middle:

I have tried using:

and

but I am not successful adapting the code to the size of my divs and keeping the sliding motion …

It’s very tricky !

Any help or ideas I would be grateful!

https://preview.webflow.com/preview/flusk-test?utm_medium=preview_link&utm_source=designer&utm_content=flusk-test&preview=99bae9b142adc091f19e6cd7d4ab2157&pageId=659972541c96248503e1ac8a&workflow=preview

I am trying to create a 3D carousel for these 3 phone Divs. They are not images and have clickable elements inside…which makes it different to other carousels I have seen.