Different logo on homepage and rest

Site URL: https://www.andrecarvalhobass.com/

Hi,

I need to have a different logo on my homepage and on the rest of the other pages, because of the contrast between the letters and their background. I saw a similar post on this and tried this code but didnt' work:

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
 </script>
 <script>
 $(function() {$('.Header-branding).find('img').attr('src', 'https://static1.squarespace.com/static/5f17017bd7769210eef4c5d9/t/5f66771ec9621301a2f619f8/1600550686482/Logo+Black+font.png')})
 </script>

I'm posting this in a code block on top of one of the pages I need a different logo. What am I doing wrong?

Thanks!

Add to Page Settings > Advanced > Header

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
	$('.header-title-logo img').attr('src','https://beaverhero.com/wp-content/uploads/2019/06/trees-3464777_640-min.jpg');
});
</script>

Thanks a lot! It really works!