.ba-slider {
  position:relative;
  overflow:hidden
}

.ba-slider img {
  width:100%;
  display:block;
  max-width:none
}
.ba-slider .resize {
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:50%;
  overflow:hidden
}
.ba-slider .handle {
  position:absolute;
  left:50%;
  top:0;
  bottom:0;
  width:4px;
  margin-left:-2px;
  background:rgba(0,0,0,.5);
  cursor:ew-resize}
  .ba-slider .handle:after {
    position:absolute;
    top:50%;
    width:64px;
    height:64px;
    margin:-32px 0 0 -32px;
    content:'\21d4';
    color:#fff;
    font-weight:700;
    font-size:36px;
    text-align:center;
    line-height:64px;
    border-radius:50%;
    transition:all .3s ease;
  }

  .ba-slider .handle.draggable:after {width:48px;
    height:48px;
    margin:-24px 0 0 -24px;
    line-height:50px;
    font-size:30px
  }