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>