gallery image links not working when hover is in place

Site URL: https://gazelle-harpsichord-n9ca.squarespace.com/config/

Each of the photos in this gallery (see screenshot) are supposed to link to another page in the site, but none of them are working. I'm using CSS to apply a hover effect and am wondering if that's the problem. 

Password: wcfeventsite

The code I'm using for hover effect is below:

//FEATURED SPEAKERS - Grid Gallery Captions on Hover//
section[data-section-id="60512ff41cd0757636eeed23"]
.gallery-caption {
position: absolute;
top: 0;
left: 0;
background: rgba(0,0,0,0.0); /* overlay color */
height: 100%;
max-width: unset;
padding: 0;
opacity: 0;
}
.gallery-caption-wrapper {
display: flex;
align-items: center; /* center vertically */
justify-content: center; /* center horizontally */
}
.gallery-caption-content {
font-size: 1rem !important; /* caption font size */
color: white; /*caption font color */
}
.gallery-grid-item {
position: relative;
}
.gallery-grid-item:hover .gallery-caption {
opacity: 1;
}
.gallery-caption-grid-simple {
transition-delay: 0ms;
}

Hey kimimischke, yeah, I'd imagine it's because of the overlay that that's overlapping with the link. I'll need to take a look at your site to see exactly where the issue is though. Your site is showing up as Private, could you set it to Password Protect?

Hi Will,

I just made it Password Protect.

The password is WCFEventSite

Thanks!

Kimi

On 3/31/2021 at 2:44 AM, kimimischke said:

Hi Will,

I just made it Password Protect.

The password is WCFEventSite

Thanks!

Kimi

It looks like you solved this?

The text is a bit narrow. Do you want to adjust this?