Can i use a different logo on a different page?

Site URL: https://johnaugustdesign.com/work

Can someone help me with the code on my site? I'm trying to use a white version of my logo on one page and a black version on the others. Thanks!! This is the one page i need the different logo https://johnaugustdesign.com/work

2 hours ago, johnnyaugust said:

Site URL: https://johnaugustdesign.com/work

Can someone help me with the code on my site? I'm trying to use a white version of my logo on one page and a black version on the others. Thanks!! This is the one page i need the different logo https://johnaugustdesign.com/work

You can, could you upload the different logo into Custom Css->Manage files section and send the image url?

7 minutes ago, bangank36 said:

You can, could you upload the different logo into Custom Css->Manage files section and send the image url?

Here's the link. It needs to go on mobile and desktop view on johnaugustdesign.com/work

https://static1.squarespace.com/static/5f5e76e6d641c0549865d4c0/t/600b8738c85a230cb4bce0d9/1611368248023/JADLOGO3-white.png

Thank you!

17 minutes ago, bangank36 said:

Add this to Design->Custom CSS

#collection-5f66e551f6f62d6a787b0e5d .header-title-logo img {
  opacity: 0;
}
#collection-5f66e551f6f62d6a787b0e5d .header-title-logo a {
  background: url(https://static1.squarespace.com/static/5f5e76e6d641c0549865d4c0/t/600b8738c85a230cb4bce0d9/1611368248023/JADLOGO3-white.png);
  background-repeat: no-repeat;
  background-size: 110%;
}
#collection-5f66e551f6f62d6a787b0e5d .header-mobile-logo img {
  opacity: 0;
}
#collection-5f66e551f6f62d6a787b0e5d .header-mobile-logo a {
  background: url(https://static1.squarespace.com/static/5f5e76e6d641c0549865d4c0/t/600b8738c85a230cb4bce0d9/1611368248023/JADLOGO3-white.png);
  background-repeat: no-repeat;
  background-size: 110%;
  display: inline-block;
}

Legend! Thank you!!