Box Shadow not disappear & Text Block to Link Block

Hello support & everyone,

I’m now on day #13: Create 2D & 3D interactions of the 21-day challenge course.

I’m facing 2 problems that I can’t fix:

  1. I followed exactly the instructions on the hover in and out but the shadow of the projects doesn’t go away at all.

  1. As soon as I converted the “project details” box to link block, its background color changed immediately to blur as below photo.

Please show me how to fix them. Thank you so much for your help.

Regards,
Annie


Here is my site Read-Only:

https://preview.webflow.com/preview/21-day-challenge-6eb362?utm_medium=preview_link&utm_source=dashboard&utm_content=21-day-challenge-6eb362&preview=969e2e04a854266c040936cf9d4d90b9&workflow=preview

"Hello,

Your mistake is that you placed the hover animation on an image that can never be hovered over (selected project effect) due to having ‘position: absolute’ with ‘z-index: -1’, so it’s obvious that the animation won’t execute.

To fix this issue, you need to assign a positive value to the ‘z-index’ so that it is positioned above the project details element, allowing it to be hovered over."
zafremedia team.