Different Logo on Each Page

Hi all looking for some help on being able to use a different logo on one page then my other pages. The code I tried was 

<script>
.header-title-logo a {
content: url ("https://static1.squarespace.com/static/626c0094372874079a3e1e02/t/63ad239c5db9293ad25672f8/1672291228462/Tremson+Logos-02.png");
}
</script>

I have also tried a few other ones but nothing happens when I put it in. Any help would be appreciated. 

The CSS code, need to wrap by <style> tag, not script tag. Use this new code

<style>
header#header img {
content: url(https://static1.squarespace.com/static/626c0094372874079a3e1e02/t/63ad239c5db9293ad25672f8/1672291228462/Tremson+Logos-02.png);
}
</style>