body {
  padding: 2%;
  text-align: center;
 
}

#slideshow {
  overflow: hidden;
  height: 297px;
  width: 370px;
  margin: 0 auto;
  border-radius: 10px;
  border: 1px solid #b8b7b7;
  width: 370px;
  height: 297px;
}

.slide-wrapper {
  width: 2220px;
  -webkit-animation: slide 14s ease infinite;
}

.slide {
  float: left;
  height: 297px;
  width: 370px;
  
}


@-webkit-keyframes slide {
  20% {margin-left: 0px;}
  30% {margin-left: -370px;}
  40% {margin-left: -740px;}
  50% {margin-left: -1110px;}
  70% {margin-left: -1480px;}
  80% {margin-left: -1850px;}
  100% {margin-left: -2220px;}
}