.holder img {
  display:inline;
  width: 640px;
  height: 426.6px;
}
.carousel {
  width: auto;
  height: 540px;
  overflow:hidden;
  padding:0px;
  margin:0px;
  border-radius:0px;
}
.holder {
  -webkit-animation: carousel 40s linear infinite;
          animation: carousel 40s linear infinite;

  white-space:nowrap;
  
  will-change: transform;
}
/*.holder:hover {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}*/
@-webkit-keyframes carousel {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes carousel {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}