Default expanded image on expanding image carousel

Hi guys,

I’ve got a site I’m building for a client, and I’m having trouble with the “Who We Help” section. Basically, I’m wanting to have it where when you scroll down to this section, the image on the far left is expanded in it’s initial state, like it is when currently is when hovering over it. The title for it on the right side also showing as a default, and the “learn more” goes to that customer profiles page (eg. Business/Private Traveller).

The ideal behaviour then is where you could select one of the other images, they then expand, the original one retracts like the others, and the permanent title changes to the title relevant to the selected image (although the others still show like they do now when hovering over an unselected image).

I’ve got a screen recording that hopefully helps explain what I’m trying to achieve here: Screen Recording 2024-08-21 at 11.25.57 PM.mov - Google Drive

I’m really hoping this makes sense and someone can help. Thanks team!

S

Here is my site Read-Only: (https://preview.webflow.com/preview/cars-on-demand?utm_medium=preview_link&utm_source=designer&utm_content=cars-on-demand&preview=c63a5e2973e7d14208eb50530669cd76&workflow=preview)

Link to staging site: https://cars-on-demand.webflow.io/