Invert text?

Site URL: https://cod-smilodon-fkfw.squarespace.com

For the gallery page. I am trying to figure out how to invert the text to white when hovering over grid-overlay so it is visible. So when it fades to black the text inverts to white.

Here is the page: https://cod-smilodon-fkfw.squarespace.com

My testing

14 hours ago, bangank36 said:

Try adding to Home > Design > Custom Css

.grid-item:hover h3 {
  color: #fff;
}

Let me know how it works on your site

Works great THANKS!