.slideshow-container {
    position: relative;
    width: 100%;
    margin: auto;
    overflow: hidden;
    height: 800px;
}

.mySlides {
    display: none;
    position: absolute;
    width: 100%;
}

img {
    width: 100%;
    height: auto;
}

.zoom {
    animation: zoomAnimation 10s ease-in-out infinite;
}
.vidm{
    display: flex;
    width: 90%;
    column-gap: 15%;
    margin-top: 5%;
    margin-left: 5%;
}

@keyframes zoomAnimation {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}


.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}

@-webkit-keyframes fade {
    from { opacity: 0.4; } 
    to { opacity: 1; }
}

@keyframes fade {
    from { opacity: 0.4; } 
    to { opacity: 1; }
}

@media(max-width:800px) {
    .slideshow-container {
        position: relative;
        width: 100%;
        margin-top: 100px;
        overflow: hidden;
        height: 800px;
    }
    .vidm{
        display: block;
        width: 100%;
        column-gap: 10%;
        margin-top: -105%;
        margin-left: 5%;
    }
    video{
        width: 100%;
        margin-left: -5%;
        margin-top: 5%;
    }
    
}