.slideshow {
    border: 10px solid #fff;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
    height: 450px;
    overflow: hidden;
    position: relative;
    float:right;
    width: 100%;
}
.slideshow > img {
    -webkit-animation:slideshow 16s infinite;
    animation:slideshow 16s infinite;
    opacity: 0;
    position: absolute;
    width:100%
}

@-webkit-keyframes slideshow{   
  25%{opacity:1;}
  40%{opacity:0;}
}
@keyframes slideshow{   
  25%{opacity:1;}
  40%{opacity:0;}
}

.slideshow {
    max-width: 100%;
}

.slideshow > img:nth-child(4){
  -webkit-animation-delay:4s;
  animation-delay:4s;
}
.slideshow > img:nth-child(3){
  -webkit-animation-delay:8s;
  animation-delay:8s;
}
.slideshow > img:nth-child(2){
  -webkit-animation-delay:12s;
  animation-delay:12s;
}
.slideshow > img:nth-child(1){
  -webkit-animation-delay:16s;
  animation-delay:16s;
}