Image Clickthrough URL not working with hover

Site URL: http://turtle-pike-njwm.squarespace.com

Hi!
I added some custom CSS to have an overlay appear upon hover of my images on my homepage. (screenshot attached)

The caption text is set up to link to another page on my site, and this works until I applied the custom CSS, for the hover style.
 I am trying to set it up so that when the user clicks anywhere on this block it links to the page, but right now it is not linking at all.
As the image was linking up until I applied the custom CSS I am assuming it has something to do with that, but I cannot figure out how to go about fixing it. 

Is there a way to fix this and get the image in hover state to link to another page? Any help would be greatly appreciated. Thanks for any help in advance.
site - turtle-pike-njwm.squarespace.com
pw - luckycharms

Hey @SophieCharlotte try this:

.gallery-caption-grid-strips {
  pointer-events: none;
}

@SquareRefresh that worked! thank you so much!