/* CSS Document */
.ba-container {
  position: relative;
  width: 600px;
  height: 400px;
  overflow: hidden;
}

.ba-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.after-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 50%;
  overflow: hidden;
  z-index: 2;
  pointer-events: none;
}

.after-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
}

.slider-handle {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background: white;
  z-index: 3;
  pointer-events: none;
}