Images with Mouse Hover effect to show Text

Hi there,

We would like to have 4 key ‘feature’ images on a product page. On mouse hover of a particular image the overlay will be removed on that particular image to show the clear image and the specific text will appear below the images (like the screenshots in the private section).

So when the mouse hovers over a different image the relevant text will then appear below the images for the particular image that the mouse is currently on.

Is this possible at all within the enfold theme? Or are there any other ways to achieve this?

Thanks!