Logo image shows broken link

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

I added custom CSS to display a different logo image just in the homepage header. The image file and link are valid, but for some reason the broken link icon loads instead of the actual logo image. I suspect it has to do with screen size. Does anyone have a guess how to fix this?

Here's the custom code I added to the homepage and attached to this post are some screenshots:

<style>
#collection-5e555c3449a12573884f3abf .header-title-logo img {
    content: url(https://static1.squarespace.com/static/5e5550e9b2510d5cdb94c042/5e5945f89594814dd64fd766/5e62fb1c1b854c643c9f0694/1583544754043/Logo2020-white.png);
}
</style>

One way to test this would be to navigate to the URL

https://static1.squarespace.com/static/5e5550e9b2510d5cdb94c042/5e5945f89594814dd64fd766/5e62fb1c1b854c643c9f0694/1583544754043/Logo2020-white.png

If you navigate to that location, you will see an error that something is wrong with the image file. I don't really have an answer for you, but I can confirm that the link that you've provided to point to the image that you want simply does not work.

Perhaps re-upload the file and get a new link to try.