Why is this overlapping image hidden?

Site URL: https://drdot.squarespace.com/

Hi there,

I have an image in the footer of this client site layered so that it overlaps the footer and the section above.

All of a sudden today, half of the image is hidden behind the section above. I've tried adding a z-index value, but that's not changing anything.

Any ideas? This is the code I used:

//  LOGO OVERLAP //
section[data-section-id="62c59848b1608a2369d86e2d"]{
  .content-wrapper, .sqs-row {
    position:static !important;
  }
  
.image-block:first-child {
 position:absolute;
 width:120px;
 top:0;
 left:50%;
 transform:translateX(-50%);
 margin-top:-60px;
}
}

Many thanks!

What is access password?

Try add this CSS

footer.sections {
	z-index: 12345678987654321 !important;
}

32 minutes ago, tuanphan said:

What is access password?

Try add this CSS

footer.sections {
	z-index: 12345678987654321 !important;
}

 

That worked! Thank you so much 🙂