Reply To: Hover card overlay effect.

[JeroenR]

Not really sure what you mean, but maybe this? https://codepen.io/jeroenreijs/pen/wvvaGpK
I think it’s has mainly to do with your selector. I used this selector: .projects-content:hover .projects-content__image::after instead of your .projects-content__image:hover::after > *:hover.

Also because of the HTML markup I changed the absolute positioned div from width 100% and height 100% to 90% which matches the overlay then. And the position is (100% – 90%)/2 = 5% from bottom and left.