Hover image to text

Hi, how can I make it so text appears when you hover over an image? Have tried code snippets found online and am able to make text appear but then not go away. Thank you!!

1 hour ago, Emm said:

Hi, how can I make it so text appears when you hover over an image? Have tried code snippets found online and am able to make text appear but then not go away. Thank you!!

Hey @Emm 

Add the image block, and then the text block below the image, then add the following code to the image block, which should then add transparency to the image and show the text beneath.

@media only screen and (min-width: 640px)
{
#block-12345 {
opacity: 0 !important;
transition: opacity 1s !important;
}

#block-12345:hover {
opacity: 1 !important;
transition: opacity 1s !important;
}
}