Trying to get overlapping logo between footer and section above it

I am trying to get this image/logo to overlap into the next section above it. I have successfully moved it up, but now it disappears behind the section rather than sitting on top of it. I am using this code to move it up. Now I just need to figure out how to make it sit on top of the section. Thank you!

#block-yui_3_17_2_1_1712000396722_116491 {
    position: relative;
  top: -30px;
    
}

You need to set z-index of sections contain your block, higher > z-index of next section

If you share link to page in screenshot, we can help easier

@tuanphan here is a link to my site: Thank you! 

https://grasshopper-moose-taz5.squarespace.com/

PW: forum

@tuanphan Thank you! Worked

For me unfortunately this code doesn't work 😞
The logo stays in the footer and does not overlap to the section above.

@tuanphan

My website: https://evamauermann.com

Password: Help

On 9/25/2024 at 8:00 PM, Journalfloral said:

For me unfortunately this code doesn't work 😞
The logo stays in the footer and does not overlap to the section above.

@tuanphan

 

My website: https://evamauermann.com

Password: Help

Use this code under

div#block-yui_3_17_2_1_1727212884981_109724 {
    position: relative;
    top: -100px;
}

7 hours ago, tuanphan said:

Use this code under

div#block-yui_3_17_2_1_1727212884981_109724 {
    position: relative;
    top: -100px;
}

Thanks, it worked! 🙂

Do I have to adapt anything for the mobile version?

On 9/27/2024 at 5:16 PM, Journalfloral said:

 

Thanks, it worked! 🙂

Do I have to adapt anything for the mobile version?

 

If you wan to adjust position on mobile, use this code under

@media screen and (max-width:767px) {
  div#block-yui_3_17_2_1_1727212884981_109724 {
      position: relative;
      top: -50px;
  }
}

Thanks! 🙂