#slideshow {
  text-align: center;
  overflow: hidden;
  width: 250px;
  margin: 0 auto;
}

.slide-wrapper {
  width: 2500px;
  -webkit-animation: slide 25s ease infinite;
}

.slide {
  float: left;
  width: 250px;
}

.slide-number {
  color: #000;
  text-align: center;
  font-size: 10em;
}

@-webkit-keyframes slide {
  10% {margin-left: 0px;}
  20% {margin-left: -250px;}
  30% {margin-left: -500px;}
  40% {margin-left: -750px;}
  50% {margin-left: -1000px;}
  60% {margin-left: -1250px;}
  70% {margin-left: -1500px;}
  80% {margin-left: -1750px;}
  90% {margin-left: -2000px;}
}