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

• 
  How Do I Access And Display Images From An Ionic App?
• 
  How To Continuously Draw Canvas Wave Using Dynamic Array In Html5?
• 
  Wrap Image In Fixed Height And Width
• 
  Scrolling Div Inside Div Using Link?