.other-slide-item {
  opacity: 0.5;
}
.other-slide-item:nth-child(1) {
  position: absolute;
  top: 100px;
  left: 40%;
}

.other-slide-item:nth-child(2) {
  position: absolute;
  bottom: 100px;
  left: 40%;
}

#otherSlides {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
#progressWrapper {
  pointer-events: none;
}
@media (max-width: 768px) {
  #otherSlides {
    display: none;
  }
}