image not linking to url

hello I added some code to hover over images which looks good but now can't click to link to a page. word wall page with url is linked but not responding can anyone help here please? much appreciated.

Which code did you use & What is site url?

.gallery-caption {
position: absolute;
top: 0;
left: 0;
background: rgba(255,255,255,255); /* 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: black; /*caption font color */
}
.gallery-masonry-item {
position: relative;
}
.gallery-masonry-item:hover .gallery-caption {
opacity: 5;
}
.gallery-caption-grid-masonry {
transition-delay: 0ms;
}

Change this code

.gallery-caption {
position: absolute;
top: 0;
left: 0;
background: rgba(255,255,255,255); /* overlay color */
height: 100%;
max-width: unset;
padding: 0;
opacity: 0;
}

to this

.gallery-caption {
position: absolute;
top: 0;
left: 0;
background: rgba(255,255,255,255); /* overlay color */
height: 100%;
max-width: unset;
padding: 0;
opacity: 0;
pointer-events: none;
}

If it doesn't work, please share link to your site, we can check easier

oh goodness this worked thank you so much !