How to change my logo icon to link to a custom url?

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

Hello, I have a website using the "Lange" template.  I have found a css to do what I need but it doesn't seem to work with my page.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
 $(document).ready(function() {
   $("img[alt='CANZINO ']").parent().attr("href", "/music/");
             });
</script>

Not sure if this would work for my site, but any help would be greatly appreciated.

Thanks!

I was able to get help from Tuan Phan and got m answer all sorted out.

Please see here for the solution to my issue.

If you want to change the logo link on the Entire Site, add this to Home > Settings > Advanced > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
    $(".logo-image a").attr("href", "https://beaverhero.com");
});
</script>

Should you want this applied only to one page, just add to Header instead of Footer.

Tuan is a genius.  Support/Donate him if you are able.