Section After Background Set Up Overlapping The Previous One

One section overlaps the other one. Are there any solutions? This is the first section:

Copy

CSS:

.background{ 
        position: relative;
        overflow: hidden;
    }
    .background-curtain{
        position: absolute;
        width: 100%;
        height: 100%;
        background-image: linear-gradient(to top, black, white);opacity: 0.3;
        z-index: -100;
    }
    .background-some{
        background: url(background.jpeg);
        height: 60%;
        width: 100%;
    }

Share

You may like these posts

• 
  Colresizable Row Display:none; And The Custom Anchors Relating To The Row To Have A Display:none;
• 
  How I Can Stop The Table From Refreshing
• 
  Manipulate Css Before Selector With Jquery
• 
  Place Image Before Div Using :before