Help! Logo not displaying in header on Public site (but I can see it on backend)

Site URL: https://vienna-waits.com/about-whitney

I had used custom code injection on a few pages that I wanted a different color logo in my header. The code I used was this: 
 

<style>
div.header-title-logo a {
content:url("https://static1.squarespace.com/static/672cd906ce01e06253c716ad/t/67322e623b1ef80d94934042/1731341922637/ViennaWaits_Logo_Brown.png") !important;

max-height: 110px;
}
</style>

On my working/backend site I can see them fine but now that I've put the site live, I can not see the logo on any page with that custom code injection. Can someone help? Do I have the code wrong? 

Try this method: 

Thank you so much @Ziggy! It appeared to work BUT now for some reason I am seeing multiple logos instead of just one - see attached. Any idea why that might be? 

Thank you! That worked great! 

7 minutes ago, Whitney_Vienna_Waits said:

Thank you! That worked great! 

You're welcome, thanks for marking my post as the solution!