.slide1{
  background: url('images/slide1.jpg') center/cover no-repeat;
}

.slide2{
  background: url('images/slide2.jpg') center/cover no-repeat;
}

.slide3{
  background: url('images/slide3.jpg') center/cover no-repeat;
}

.slide{
  position: relative;
  overflow: hidden;
}

.slide::before{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.50);
  z-index: 1;
}

.slide-left,
.slide-right{
  position: relative;
  z-index: 2;
}