/* Slideshow */
.slideshow-container {
  box-sizing: border-box;
  position: relative;
  margin: auto; 
  max-width: 40rem; 
  height: 450px; }

.slideshow-frame {
  display: none;
  height: 100%;
  animation-name: cycle;
  animation-duration: 10s; }

.slideshow-frame img {
  width: 100%;
  height: 100%;
  vertical-align: middle;
  object-fit: cover; }

/* Fading animation */
@keyframes cycle {
  0%, 5% {opacity: 0} 
  10%, 90% {opacity: 1}
  95%, 100% {opacity: 0}}

/* phone formatting */
@media screen and (max-width: 800px) {
  .slideshow-container {
    max-height: 33vh; } }