* {
  box-sizing: border-box;
}

.img-comp-container {
  position: relative;
  height: 200px; /*should be the same height as the images*/
}

.img-comp-img {
  position: absolute;
  width: auto;
  height: auto;
  overflow: hidden;
}

.img-comp-img img {
  display: block;
  vertical-align: middle;
}
.img-comp-overlay {
  border-right: 1px solid #00a6ff;
}
.img-comp-overlay img{
    max-width: inherit;
}
.img-comp-slider {
  position: absolute;
  z-index: 9;
  cursor: ew-resize;
  width: 45px;
  height: 45px;
  background-color: #00a6ff;
  color: #00a6ff;
  border: 1px solid;
  opacity: 1;
  border-radius: 50%;
  background: #ffffff url(../images/arrows-blue.jpg) no-repeat center center;
}