.compare-img-content .ba-slider {
  position: relative;
  /* overflow: hidden; */
}

.compare-img-content .ba-slider img {
  width: 100%;
  display: block;
}

.compare-img-content .resize {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 50%;
  overflow: hidden;
}

.compare-img-content .handle {
  /* Thin line seperator */
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 4px;
  margin-left: -2px;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, .1), rgba(0, 0, 0, .8), rgba(0, 0, 0, .8), rgba(0, 0, 0, .8), rgba(0, 0, 0, .8), rgba(255, 255, 255, .1));
  background-repeat: no-repeat;
  cursor: ew-resize;
}

.compare-img-content .handle:after {
  position: absolute;
  top: 50%;
  width: 64px;
  height: 64px;
  margin: -32px 0 0 -32px;
  content: '';
  border-radius: 50%;
  background-color: #cb1e33;
  background-image: url(arrow_2.png);
  background-position: center center;
  background-repeat: no-repeat;
  transition: all 0.3s;
}

.compare-img-content .draggable:after {
  width: 48px;
  height: 48px;
  margin: -24px 0 0 -24px;
}