Image change on hover

This isn’t really a WordPress-specific question, but generally you can do something like this via CSS (depending on the structure of the image). Generally, you’ll have an easier time doing this if the image in question is being applied as a background image to a DIV, rather than as just a standard img tag. Then, you can use the :hover CSS property to change the value for background-image.

See the accepted answer here to understand how to put this together:

https://stackoverflow.com/questions/18032220/css-change-image-src-on-imghover