Replace Image on Hover

16 minutes ago, kyle00428 said:

I am using this CSS code to replace my header logo on hover:

.header-title-logo a:hover img {
  visibility: hidden;
}
.header-title-logo a:hover {
  background-image: url('https://static1.squarespace.com/static/6525b0dea15e8e050ee9451a/t/6599e0a9609cd22a5c396167/1704583337793/faviconblue.png');
  background-size: contain;
}

I would like to do this same thing with the image block in my footer but I can't seem to figure it out. The image block is #block-505544e2e88117483012.

Site: kylebranzel.squarespace.com
Password: cssishard

Thanks in advance for your help!

Here is the code

.fe-block-505544e2e88117483012 .sqs-image-content:hover img {
    visibility: hidden
}
.fe-block-505544e2e88117483012 .sqs-image-content:hover {
    background-image: url('https://static1.squarespace.com/static/6525b0dea15e8e050ee9451a/t/6599e0a9609cd22a5c396167/1704583337793/faviconblue.png');
    background-size: contain;
}