changing colour of logo on homepage only

Site URL: https://www.marygiordano.com.au/

Hello, I am new here and hoping someone can help me. I have read through some of the other discussions on this same topic and have tried inserting the suggested codes but they haven't worked.

I have two versions of my logo, in my brand colours and am using the darker one on most of my pages to match the same colour navigation text.... #414935 (kelp/dark olive

However, my homepage has quite a dark hero image and I've managed to change the colour of the navigation but I want to change the logo on the home page to the lighter colour in order for it to be visible. This is the colour I want it to be: #eae2d9 (creamy/beige)

I hope someone can help me achieve this.

Many thanks, 

Mary

I see you used this code to solve problem?

<style> 
div.header-title-logo a {
content:url("https://static1.squarespace.com/static/5f0a872b515ec872b0bbe7c4/t/629033978b07b857a0d84cee/1653617562233/amber-rose_628c4e7796bff9_97024356_1.png") !important;     
max-width: 290px;
/* if logo needs to be centered */
margin-left: auto;
margin-right: auto;
}
</style>

you can also consider using this shorter code

<style> 
header#header img {
content:url("https://static1.squarespace.com/static/5f0a872b515ec872b0bbe7c4/t/629033978b07b857a0d84cee/1653617562233/amber-rose_628c4e7796bff9_97024356_1.png") !important;
}
</style>