I had originally asked this question years ago (here):
https://forum.squarespace.com/topic/79514-css-for-rollover-effect-on-image-block-poster/#comment-121074
The selected answer worked really well for awhile. Although it appears the coding has changed and this css blocks the link from being selected. I have tried altering the css any way possible, but I can't seem to target the issue correctly. I had originally thought the z-index may be the issue but targeting the link and changing it's z-index didn't fix the issue either. Any help would be greatly appreciated!