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

• 
  Overflow: Scroll Not Working In A Specific Column Grid With Bootstrap 4
• 
  Align Link To Bottom Of Card In Bootstrap 4
• 
  Angular: Insert New .row On Ngfor Condition
• 
  Igx-calendar Ui For Angular