#before-after{
  position: relative;
  width: 900px;
  height: 660px;
  margin:10% auto 0px;
}

.view{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.view-before{
  z-index: 100;
}

.view-after{
  z-index: 200;
}

#dragme{
  position: absolute;
  width: 2px;
  height:70%;
  top: 8.5%;
  left: 0px;
  background-color: red;
  cursor: pointer;
  z-index: 300;
}
#dragme:before {
  content: '';
  display: block;
  height: 90px;
  width: 25px;
  position: absolute;
  top: 38%;
  background: url("https://asset.msi.com/event/nb/2018/GT75/img/arrow.png") no-repeat ;
}