Image occlusion issue

I was trying to style the card but the overlay and image do not align
is there a problem with the code?

Yes, it looks like the changes to the template affected the mask alignment. Honestly, if your changes weren’t extensive, I would just try restoring the original templates: Troubleshooting · glutanimate/image-occlusion-enhanced Wiki · GitHub

You could then go back to the template and add your changes, but please do so as new CSS rules after the /* OCCLUSION CSS END */ marker. That’s safer and makes issues like this less likely.