CSS Grid hover effect on Child Element not working

Question

i\'m trying to achieve an overlay hover effect on a specific child element thats inside a css grid, but it\'s not working.

I\'ve tried the same code on a separate div, an