Widget image hover to text

Hi All,

Hoping someone can help- so I am using sidebar widgets and image to link to categories/other pages. Is it at all possible; and using the html code in the widget; to- when you hover the mouse over the image it changes to text only.

Ideally id like the image “box” to turn bright pink then in white text in the centre of the image “box” show eg “Cake”

Current html code in widget:

<h4>Cakes<h4/>
<a href="https://**mywebsite***.com/classification/cakes/"><<img src="https://**mywebsite***.com/wp-content/uploads/2013/05/cake.jpg" width=200 height=120 /></a>

any help would be much appreciated

thanks