Self-expanding animated cards

I’m trying to build self-switching expanding card interaction to serve as a carousel on the hero section of a website. I’ve tried several methods to achieve this interaction but to no avail.

I created 4 cards and set them to equal width within the bounding container, then created a page load animation such that one card expands in size and the other 3 cards shrink.
But while trying to set the second card to follow the progression, the animation loses its fluidity.

What I actually would love to achieve is to give each card a grow and shrink basis. Then set each card to grow its basis at intervals.

Here is a prototype link to what I’m trying to achieve:

Here is my public share link: Webflow -