.slideshowfadein {
  animation:fadein 5s 0s 1; /*fades in first slide gracefully*/
  z-index:-1;
  
}
@keyframes fadein {
  0% { opacity:0;}
  100% {opacity:1;}
}


.slideshow ul {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  width:100%;
 height:100%;
  background-color:black;
}
.slideshow li {
  position: absolute;
  left: 0;
  top:0;
  width:100%;
  height:100%;
 
}
.slideshow img{
 width:100%;
  height:100%;
  object-fit:cover; 
}

li:nth-child(6) {
  animation: xfade 60s 0s infinite;
}
li:nth-child(5) {
  animation: xfade 60s 10s infinite;
}
li:nth-child(4) {
  animation: xfade 60s 20s infinite;
}
li:nth-child(3) {
  animation: xfade 60s 30s infinite;
}
li:nth-child(2) {
  animation: xfade 60s 40s infinite;
}
li:nth-child(1) {
  animation: xfade 60s 50s infinite;
}
@keyframes xfade{
  10% {opacity:1;} /*Set speed of crossfade here*/
  20% {opacity:0;}
  90% {opacity:0;}
}