Create a hover effect into a Gallery page for forte template

Site URL: https://abbieandhenry.com/england

Someone can help me; I'm trying to figure out how to create a hover effect into my gallery page: https://abbieandhenry.com/england and show into each image the word "Read more" how can I achieve some result like this into my FORTE template?

(Example) https://www.w3schools.com/howto/howto_css_image_overlay.asp

Thanks

Hi. You mean images in slideshow?

Hi, Yes, I'm trying to figure out, but I can't find a right way. I have only achieved to place the darker effect on it.

/*GalleryEffect*/

.slideshow.strip .slide>img:hover {

    -webkit-filter: brightness(100%);

}

.slideshow.strip .slide>img:hover {

    -webkit-filter: brightness(70%);

    -webkit-transition: all .5s ease;

    -moz-transition: all .5s ease;

    -o-transition: all .5s ease;

    -ms-transition: all .5s ease;

    transition: all .5s ease;

}