Need help with design of my section. Showcase needs to scroll on top of another

[Tessadunlop (Tessa)]

I have two showcases within one of my sections. The second one needs to scroll overtop of the first. Right now, the first one is on top of it and covering the content. Please help!

Read only link here:
https://preview.webflow.com/preview/thefashiondragon-com?utm_medium=preview_link&utm_source=designer&utm_content=thefashiondragon-com&preview=5f893c59dfce1b7404167c405902ac51&locale=en&workflow=preview

[Tessadunlop (Tessa)]

[Pablo_Cortes]

Hello @Tessadunlop, welcome to the community!
Your first showcase has a z-index 1 and the second one has a z-index 0. That is why the first one is overlapping. To fix it simply give your second showcase a z-index of 2

I hope this helps!

[Tessadunlop (Tessa)]

Yes!! This absolutely helps. Thank you.

My only issue is that now they go behind like they are supposed to, but when they are in view, the hover animation no longer works.

Any solutions?

[Tessadunlop (Tessa)]

[Pablo_Cortes]

Oh I see, so to fix that give your second showcase a style of pointer events none

And to the slides inside give them a style of auto

I hope this helps!

[Tessadunlop (Tessa)]

Thank you! Amazing.

God bless