Change z-index of stacked elements on hover

[debutdebut]

Hi!

I'm looking to change the z-index of stacked elements (mostly carousels) on hover so that every element can be visible.

I have here an example here:.
https://debutdebut.com/simonhaemmerli/home-2

I achived to make it work with the first element with additional css like

.stack-wrap:nth-child(1):hover > .stack-element { z-index: -1; }

but it's not working with:
.stack-wrap:nth-child(2):hover > .stack-element { z-index: -1; }

maybe there is also a js approach to this?
Thx for any feedback.

Cheers
Max

[mariusjopen]

Dear @debutdebut
you can give each element an ID.

Then you can address them individually.

Hope that helps!

Marius

[debutdebut]

@mariusjopen thx! Will try this approach