Background overlay behind text

Site URL: https://mandarin-violin-mjw7.squarespace.com/

Hello everyone, 

I have an overlay for my background on the home page. However the title and text is disappearing behind the overlay. How do I adjust the site so that the overlay is behind the text? 

password: elise

Many thanks in advance. 

/**** HOMEPAGE ****/
/* Section 1 */
/* Section 1 gradient */
section[data-section-id="60ef53636ebc0620d8effd57"]
.section-background .section-background-overlay
{width:100%; opacity: 100%! important;
  background: linear-gradient(to right, rgb(216, 188, 171), rgba(0,0,0,0), rgba(0,0,0,0));
  z-index: 1;}
/* Header gradient */
.header-announcement-bar-wrapper.black,  {width:100%; opacity: 100%! important;
  background: linear-gradient(to right, rgb(216, 188, 171), rgba(0,0,0,0), rgba(0,0,0,0));
  z-index: 1;}

14 hours ago, Elise__ said:

Site URL: https://mandarin-violin-mjw7.squarespace.com/

Hello everyone, 

I have an overlay for my background on the home page. However the title and text is disappearing behind the overlay. How do I adjust the site so that the overlay is behind the text? 

password: elise

Many thanks in advance. 

/**** HOMEPAGE ****/
/* Section 1 */
/* Section 1 gradient */
section[data-section-id="60ef53636ebc0620d8effd57"]
.section-background .section-background-overlay
{width:100%; opacity: 100%! important;
  background: linear-gradient(to right, rgb(216, 188, 171), rgba(0,0,0,0), rgba(0,0,0,0));
  z-index: 1;}
/* Header gradient */
.header-announcement-bar-wrapper.black,  {width:100%; opacity: 100%! important;
  background: linear-gradient(to right, rgb(216, 188, 171), rgba(0,0,0,0), rgba(0,0,0,0));
  z-index: 1;}

 

Hi. The site is expired. You can contact Squarespace Customer Care to extend it (free)

10 hours ago, tuanphan said:

Hi. The site is expired. You can contact Squarespace Customer Care to extend it (free)

Hi @tuanphan, oh oops! I duplicated the website. You can see it here:

https://buttercup-mushroom-ee3n.squarespace.com/

password: elise

How should I adjust the overlay so that it is behind the title?

Hi @tuanphan,

Could you still help with this?

20 hours ago, Elise__ said:

Hi @tuanphan,

 

Could you still help with this?

Add to Design > Custom CSS

h2 {
    position: relative;
    z-index: 9999;
}