.slide {
    width: 240px;
    height: 340px;
    overflow: hidden;
    position: relative;
    background-color: #FFFFFF;
}
.slide > div {
  width: 100%;
  height: 100%;
  background-size: cover;
  position: absolute;
  animation: slide 35s infinite;
  opacity: 0;
}
.slide > div:nth-child(2) {
  animation-delay: 5s;
}
.slide > div:nth-child(3) {
  animation-delay: 10s;
}
.slide > div:nth-child(4) {
  animation-delay: 15s;
}
.slide > div:nth-child(5) {
  animation-delay: 20s;
}
.slide > div:nth-child(6) {
  animation-delay: 25s;
}
.slide > div:nth-child(7) {
  animation-delay: 30s;
}

@keyframes slide {

    0% { opacity: 0; animation-timing-function: ease-in; }
    8% { opacity: 1; animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }

}