.image-splitter img {
    width: 100%;
    vertical-align: middle;
}

.image-splitter,
.image-splitter img,
.image-splitter .mover {
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.image-splitter {
  border-radius:10px;
}
  .image-splitter + p {
    margin-top:2.5rem!important;
  }
  .image-splitter > div.img-left {
    width:100%;
    position:absolute;
    top:0;
    z-index:5;
  }
    .image-splitter > div span {
      background-color: #55632c;
      color: #fff;
      font-size: 1.5rem;
      font-weight: 600;
      position: relative;
      padding: 7px 10px;
      display: block;
      text-align:right;
    }
      .image-splitter > div span.left {
        width:100%;
        position:absolute;
        left:0;
        text-align:left;
      }

.mover {
  position:absolute;
  width: 200px;
  height: 100%;
  top: 0;
  left:0;
  z-index: 10;
}
    .mover:before,
    .mover:after {
        position: absolute;
        left: 50%;
        content: "";
        background: #f6fae9;
        cursor: -webkit-grab;
        cursor: grab;
    }

.mover:before {
  top: 0;
  transform:translateX(-50%);
  width:3px;
  height: 100%;
}
    .mover:after {
        top: 50%;
        transform: translate(-50%, -50%);
        width: 40px;
        height: 40px;
        border-radius: 20px;
    }

.ace .mover:after {
    background: #55632c url('https://assets.syngentaebiz.com/images/media/cd-arrows.svg') no-repeat center center;
}

.duo .mover:after {
    background: #009439 url('https://assets.syngentaebiz.com/images/media/cd-arrows.svg') no-repeat center center;
}

.bold .mover:after {
    background: #167ac6 url('https://assets.syngentaebiz.com/images/media/cd-arrows.svg') no-repeat center center;
}

.neo .mover:after {
    background: #007bff url('https://assets.syngentaebiz.com/images/media/cd-arrows.svg') no-repeat center center;
}

.prime .mover:after {
    background: #9b3489 url('https://assets.syngentaebiz.com/images/media/cd-arrows.svg') no-repeat center center;
}

.duracade .mover:after {
    background: #00843F url('https://assets.syngentaebiz.com/images/media/cd-arrows.svg') no-repeat center center;
}

.star .mover:after {
    background: #b89f31 url('https://assets.syngentaebiz.com/images/media/cd-arrows.svg') no-repeat center center;
}