Change logo on a specific page

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

Hello,
I have read and followed everyone's advice on updating the logo.

When I add this code to custom css on the home page, the actual text appears at the top of the screen and the logo stays the same so basically it does not work.

Don't know what I'm doing wrong !

/**desktop logo**/
@media screen and (min-width:767px) {
#collection-620399b81f82b412581f6d2d .header-title-logo img {
content: url("https://static1.squarespace.com/static/620397f8b38a9917e45bdcaa/t/6256c99ec2b1c406267dc23c/1649854878722/NeilMayLogoWhite.png") !important;
max-height:inherit !important;

  }
}

Password: NMGD

You need to put <style> </style> around the code