Changing the Logo only on certain pages.

Site URL: http://kristiinataylor.com

Hello!

I found custom code that would allow my logo to change only on the homepage and "the greenhouse" page. I have full-bleed images that require the logo to change from black to white. While I found a code that seems to work, it appears to only work while I am in the back-end editing my website. When I visit my URL, it reverts back to the original logo. The code is the following:

<style>
.Header-branding-logo {
content: url("https://static1.squarespace.com/static/56dee914f85082f3f75174c2/t/62570ae1bfad1841f36b7ad0/1649871585063/LOGO_WHITE.png");
}
</style>

If anyone has any suggestions, please let me know! Thanks!!! 

To change logo black to white on one page, add this code to Page Header

<style>
  img.Header-branding-logo {
    filter: invert(1);
    -webkit-filter: invert(1);
}
</style>