I’ve been building my portfolio site and created this rotated and tilted section where a bunch of my web designs are displayed. I animated them so they levitate up and reveal some text underneath while the shadow stays in the same position.
This was working great yesterday and actually looked pretty smooth after some tinkering. I started uploading images after I got the structure working but I must have done something because now the animation is jacked.
When the image card levitates up, the shadow clips in front, despite having a lower z index. I feel like this is a silly or obvious mistake because of how well it worked before, but I need the help. How do I make sure the shadow stays BEHIND the image card?
Read only below
Thanks in advance!
Here is my public share link: [LINK](https://preview.webflow.com/preview/mentat-design-website?utm_medium=preview_link&utm_source=designer&utm_content=mentat-design-website&preview=34f258559d5e6ef98302350d3116c361&workflow=preview)
(how to access public share link)
Edit-- Video for reference
