.slide {
  white-space: nowrap;
}
.slide {
  white-space: nowrap;
  width: 300px;
  height: 300px;
  overflow: hidden;  
}
.slide img {
  width: inherit;
  height: inherit;
  margin: 0;
  padding: 0;
  border: none;
}
@keyframes slide-4 {
  0% { margin-left: 0; }
  33% { margin-left: -100%; }
  66% { margin-left: -200%; }
  100% { margin-left: -300%; }
}
.slide > :first-child {
  animation-name: slide-4;     /* 作成したキーフレームを使う */
  animation-duration: 5s;    /* アニメーション全体を5秒にする */
  animation-delay: 0s;       /* 直ちにアニメーション開始する */
  animation-iteration-count: infinite; /* 永遠にアニメーションする */
}