#slideshow {
   position: relative;
   overflow: hidden;
   margin: 0;
   display: block;
   height: 280px;
   width: 100%;
}

@media print, screen and (min-width: 40em) {
   #slideshow {
      position: relative;
      overflow: hidden;
      margin: 0;
      display: block;
      height: 350px;
      width: 100%;
   }
}

@media print, screen and (min-width: 64em) {
   #slideshow {
      position: relative;
      overflow: hidden;
      margin: 0;
      display: block;
      height: 600px;
      width: 100%;
   }
}

#slideshow img {
   position: absolute;
   top: 0;
   width: 100%;
   transform: translateY(-50%);
   top: 50%;
}