Make images clickable even they are overlay with text.

Hello,

I would like to ask you for help.
Is it possible to make my images clickable even they are fully covered by text box?

1. I would like to make them clickable so the URL which is linked to the image works even they are fully covered by text.

2. I would like to also add the hover effect to slightly make the image lighter one the mouser hover over the image.

Would it be possible to create the css code which could be applicable not for shared URL but also for other pages which are basically copies of shared one? 

Here is the URL: https://www.slovakspots.com/bratislava
Password: Ulicajekrasnydom

Thank you very much for your help!

@Web_Solutions is it possible to add also Hover effect, so the image would be brighter,  to provided code solution?
That would be wonderful.

Thank you for your help. 🙂 

You can use this CSS code to add hover effect

[data-section-id="662923d60e42db6277a9adb7"] {
a.sqs-block-image-link:after {
    content: "";
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.3s;
}
div.image-block:hover a.sqs-block-image-link:after {
    opacity: 1;
    transition: all 0.3s;
}}