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

• 
  Html5 Graphs In Canvas
• 
  Is It Possible To Disable 'step' In Input Type Number
• 
  My Form Submits Data Even If It Is Invalid. But My Validation Works Fine
• 
  Recommended Way To Make A 2d Hud In Webgl