* {
  box-sizing: border-box;
}

.img-comp-container {
  position: relative;
}

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

.img-comp-img img {
  display: block;
  vertical-align: middle;
	width: initial;
  max-width: initial;
  
}

.img-comp-slider {
  position: absolute;
  z-index: 9;
  cursor: ew-resize;
  /*set the appearance of the slider:*/
  width: 30px;
  height: 30px;
  background-color: rgba(26, 89, 123, .56);

	font-size:15px;
	border: 1px solid rgba(255,255,255,.75);
  border-radius: 50%;
	animation: scale 1s infinite;
}

.img-comp-slider:hover {
	animation: none;
}

.img-comp-slider i.fi-arrows-expand {
    color: white;
    transform: rotate(45deg);
    position: absolute;
    top: 7px;
    left: 6px;
}

@keyframes scale {
	0% {
		transform: scale(1);
	}
  50% {
		transform: scale(1.05);
	}
	100% {
		transform: scale(1);
	}
}