Change logo color on different pages

Site URL: https://canas.squarespace.com

Hello,

I am very new to squarespace and I am wondering how I can change the color of my logo from white (on my main page) to black (on other pages). I'd appreciate any help anyone could extend. Thank you.

Add to Home > Design > Custom CSS

body:not(.homepage) .header-title-logo img {
    filter: invert(1);
}