Changing the mobile on certain pages

Hey all, I need help changing the mobile logo on certain pages. 

I've used this code in the advanced page header which works for desktop, but doesn't change on mobile as well. Can some please help. 

<style> 
div.header-title-logo a {
content:url("https://static1.squarespace.com/static/6297984c16b96d38a8a3db46/t/64946b887fe5ea59581ee0c6/1687448456951/_light.png") !important;
}
</style>

I've photos of how it's currently looking on desktop and mobile for context. 

6 hours ago, tuanphan said:

Change your code to this new code

<style> 
header#header img {
content:url("https://static1.squarespace.com/static/6297984c16b96d38a8a3db46/t/64946b887fe5ea59581ee0c6/1687448456951/_light.png") !important;
}
</style>

 

Thank you so much, it worked! Really appreciate it!