Darken image on mouseover

Hi,

How can I darken image on mouseover and add logo in the center? I would like to give a specific image with logo over the current one (transparent png).

Thanks for any help or suggestions.

https://www.ads-software.com/plugins/woocommerce/