body {
  height: 100vh;
  background-size: cover;
  animation-name: slide;
  animation-fill-mode: both;
  animation-duration: 15s;
  animation-iteration-count: infinite;
}

@keyframes slide {
  0%,28% {
    background-image: url('https://picsum.photos/900/400/?random=1'), url('https://picsum.photos/900/400/?random=2');
  }
  34%,59% {
    background-image: url('https://picsum.photos/900/400/?random=2'), url('https://picsum.photos/900/400/?random=3');
  }
  67%,94% {
    background-image: url('https://picsum.photos/900/400/?random=3');
  },
  100% {
    /* Transition to first slide */
    background-image: url('https://picsum.photos/900/400/?random=1')
  }
}