Overlapping Elements CSS Issue

Site URL: https://burgundy-crow-wpya.squarespace.com/

Hey everyone!

This is driving me nuts. I am trying to overlap the image block over the index gallery. I've set all relevant sections to overflow:visible and checked all z-indexes but no dice. Screenshot is attached, sample code is below - what am I missing? Password to the demo site is plough

#content.Index-gallery{

overflow: visible;

}

#block-yui_3_17_2_1_1594395362623_4899 {

transform: translateY(-80%);

position:relative;

z-index:100;

}

#content.Index-page {

overflow: visible;

}

We got this squared away in the circle forum, just in case anyone else runs into this on a search.

#content.Index-page was the incorrect element.

#new-page.Index-page {
    overflow: visible;
}

What is #new-page referencing? Is it the URL, or the actual page name/title?

On 7/10/2020 at 1:56 PM, rwp said:

We got this squared away in the circle forum, just in case anyone else runs into this on a search.

#content.Index-page was the incorrect element.

#new-page.Index-page {
    overflow: visible;
}

Sadly, this does not work for me.

25 minutes ago, 81monkeys said:

Sadly, this does not work for me.

I don't even remember, post a link to your page and the issue.