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

• 
  Is It Possible To Treat Multiple Elements As One Text When Applying Css Text-shadow?
• 
  How To Change The Css Style On Required Form Inputs Based On Their Values
• 
  A Similar Solution To Html2canvas With Nodejs
• 
  How To Put Captured Image From Webcam Into Input File