Change image to another image on hover. Using Avenue temple

Site URL: http://www.pamelashardy.com

Hi! I am not a front-end dev and would love your help! I want to have a hover state where the existing image changes to another image on hover. Example, black and white image to a colored image on hover. I am using the Avenue template.

Any idea on how to achieve it? Please help!

Password: notnow

hi. Have you solved it yet?

On 7/2/2020 at 8:20 AM, tuanphan said:

hi. Have you solved it yet?

Yeah, I used a simple code that I found. I knew it was simple but couldn't remember how.

a.project img {
    filter: grayscale(1);
}
a.project:hover img {
    filter: grayscale(0);
}