How to turn the text block clickable/linkable (not the text inside with the underline effect) to another page of the site?

Hello, I need help with a question. I have the homepage of my website with several thumbnails of images, I want the title of the image to appear when I hover it, and when I remove the mouse from above the image, it disappears. I've already managed to do this part with code, but now I can't transform the text box above the image into a clickable box that is linked to another page on the site. The only way to do this is to transform the text in the box into a link, but only the word is clickable, and I want the entire area of the image to remain clickable. Can anyone help me resolve this issue, please? Thank you very much.

Can you share link to page where you use thumbnails images? We can check problem easier.

But I guess we can use code to make word cover whole image, so entire image will be clickable.