Change Colour of logo on product page

Site URL: https://sphere-hexahedron-xb8t.squarespace.com/

Hi guys, can't seem to find a solution to this I think it may be related to my design.

my sites logo is white, and works fluently throughout although my only problem is with my current template im unable to add a header image to the product page, meaning my logo is white against the white background, do I need to add some custom CSS to invert the colours, or is it possible to have my main header image appear in the product page also?

Thanks in advance.

I see you fixed?

I am also looking for a fix for this. Here is a link to the product details page https://www.thexlstudio.com/studio/personal-profile

I am able to invert the header image with the code below, but this adjusts it on the store page as well. Perhaps I have injected the code in the wrong place? 

<style>
.header-title-logo img {
     filter: invert(1);
   }
</style>

14 hours ago, TheXLStudio said:

I am also looking for a fix for this. Here is a link to the product details page https://www.thexlstudio.com/studio/personal-profile

I am able to invert the header image with the code below, but this adjusts it on the store page as well. Perhaps I have injected the code in the wrong place? 

<style>
.header-title-logo img {
     filter: invert(1);
   }
</style>

Edit to this

<style>
.view-item .header-title-logo img {
     filter: invert(1);
   }
</style>