body {
    font-size: 15px;
    color: #222;
    line-height: 2;
}

#side .side-content {
    padding: 0 10px;
}

.slideshow {
    border: 10px solid #fff;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
    height:300px;
    overflow: hidden;
    position: relative;
    width: 300px;
}
.slideshow > img {
    -webkit-animation:slideshow 12s infinite;
    animation:slideshow 12s 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(3){
  -webkit-animation-delay:0s;
  animation-delay:0s;
}
.slideshow > img:nth-child(2){
  -webkit-animation-delay:4s;
  animation-delay:4s;
}
.slideshow > img:nth-child(1){
  -webkit-animation-delay:8s;
  animation-delay:8s;
}