AVENUE: Logo Image Rollover Hover

I would really like to be able to have an image rollover hover for my logo to switch colors on the Avenue template. I've been searching but haven't found a solution. I would really appreciate some help on this!

@jkschmitz95 You can use invert, filter...

Or if it has no color you want. You can use custom code to change the new image, when hovering over the current logo.

Avenue Template Demo has no logo so i can't send exact code. Can you provide site url?

https://jonschmitz.media

@jkschmitz95 You can use Color Image. Then use CSS to change to black. Then use CSS to change to original when hovering.

/* Black Logo */
.logo img {
     filter: grayscale(1); 
     -webkit-filter: grayscale(1);
}
/* Change Logo Color */
.logo img:hover {
   filter: grayscale(0);
     -webkit-filter: grayscale(0);
}