.css-slideshow{
  position: relative;
  max-width: 850px;
  height: 310px;
  margin: 16em auto .5em auto;
}
.css-slideshow figure{
  margin: 0;
  max-width: 850px;
  height: 310px;
  position: absolute;
}
.css-slideshow figure{
  opacity:0;
}
figure:nth-child(1) {
  animation: xfade 35s 28s infinite;
}
figure:nth-child(2) {
  animation: xfade 35s 21s infinite;
}
figure:nth-child(3) {
  animation: xfade 35s 14s infinite;
}
figure:nth-child(4) {
  animation: xfade 35s 7s infinite;
}
figure:nth-child(5) {
  animation: xfade 35s 0s infinite;
}


@keyframes xfade{
  0%{
    opacity: 1;
  }
  17% {
    opacity: 1;
  }
  20%{
    opacity: 0;
  }
  98% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}