Overlapping Logo in Footer in 7.1

Hi everyone,

I hope someone can point out where I am going wrong please!

I'm trying to add an overlapping logo in the footer of a new SS 7.1 site. I have taken code I have used successfully in Brine and updated it with the 7.1 - footer#footer-sections, but it doesn't seem to work at all. 

Could anyone please give me some guidance? Thank you!

footer#footer-sections {
  position: relative;
}
footer#footer-sections::before {
  background-image: url(https://static1.squarespace.com/static/62deaeecf7dd2f6c5a116edc/t/632d7bddd4ebd347ff71c403/1663925213702/M+green.png);
  background-size: contain;
  content: '';
  height: 100px;
  pointer-events: none;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  width: 100px;
}

If you're redesigning in 7.1 you should be able to use Fluid Engine, and create the overlap without CSS.

Can you share the URL and site wide password as well as your old website so the forum can see what you're referring to?

Try adding this to Design > Custom CSS

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