Choose the best one you like from the 24 distinctively attractive hover effects for your images.
Content → Text → Image → Background
Add Heading and Focus text in this toggle and then move on to adding an Image that goes with your text and design layout. You can then change the background color of text content using the Background toggle.
Design → Hover Effect → Opacity
Add a suitable Hover Effect for the design layout and then go on to adjusting the opacity of the background color of the text.