Use the Forge "Image Overlay Title" to create hover effect on your Image as the Title.
I have created one Web Block with Image Placeholder "ImageOverlay". You will need to drag this web block wherever you want to use the Image with same style. Also, the content is from Expression. So, you can use it dynamic as well.
Please feel free to ask if you face any issues regarding CSS or its working.