#main {

  height:400px;
  width:100%;
  background-color: white;
  position: relative;

}

#overlap {
  background-color:   #F5F5F5;
  width: 60%;
  height: 400px;
  position: absolute;
  top:0;
  left:0;
  transform: translateX(-20%) skew(-20deg); 
}

.text {
  position: absolute;
  top: 50%;
  margin: -50px;
  left: 20%;
  color: grey;
  font-family: Montserrat;
  font-size: 3em;
  text-align: center;

}

#ft {

}

#st {
  display: none;
}
.slider {
  z-index: -1;
}

img {

  display: block;
    margin-left: auto;
    margin-right: auto;
  width: 400px;
  height: 400px;

}