.slideshow {
    background-size: cover;
    margin: 0;
    background-position:center;
    background-repeat: no-repeat;
    animation: slideshow 15s ease-in-out infinite;
    height:33vw;
    width:100vw !important;
}
.slideshow background-image {
    width: 100%;
    height: 100%;
    
}

@keyframes slideshow {
    0% { background-image: url('../images/SlideShowSaddlebackSunrise.jpg'); }
    33% { background-image: url('../images/SlideShowRepeaterMountaintop.jpg'); }
    66% { background-image: url('../images/SlideShowAlphaMoutaintop.jpg'); }
    100% { background-image: url('../images/SlideShowSaddlebackSunrise.jpg'); }
}