How to Overlap Image Between Three Sections

On 4/5/2022 at 2:35 AM, daniellevickers said:

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

I'm wondering how I can overlap an image onto three different sections in 7.0 Brine template.

I have a small opt-in section with an image of an iPad that I want to overlap with the sections above and below it as in the attached image.

Negative margins just cuts off the image and I haven't had luck making the overflow visible or changing the z-index.

I appreciate any suggestions! Thank you!

 

Password: cooperconnect

The following code works on my testing

#block-yui_3_17_2_1_1649021182285_3402 img {
  transform: scale(1.1);
  left: 6% !important;
}
#block-yui_3_17_2_1_1649021182285_3402 * {
  overflow: visible !important;
}
#opt-in {
  overflow: visible;
}

Let me know how it works on your site