*{
    padding:0;
    margin:0;

}
iframe{
    width: 100%; 
    height: 100%; 
    border:none;
}

video{
    width:100%;
    height:100%;
    position:absolute;
    object-fit:cover;
    transition: all 1.2s linear;
    z-index: -10;
}
.intro{
    opacity:1;
}
/* .frame0{
    opacity:0;
    transition:opacity 2s;
    width:100%;
    height:100%;
    position:absolute;
    object-fit:cover;
    z-index: -10;
} */
.video1{
    opacity:0;
}
.frame1{
    opacity:0;
    transition:opacity 2s;
    width:100%;
    height:100%;
    position:absolute;
    object-fit:cover;
    z-index: -10;
}
.video2{
    opacity:0;
}
.frame2{
    opacity:0;
    transition:opacity 2s;
    width:100%;
    height:100%;
    position:absolute;
    object-fit:cover;
    z-index: -10;
}
.video3{
    opacity:0;
}
.frame3{
    opacity:0;
    transition:opacity 2s;
    width:100%;
    height:100%;
    position:absolute;
    object-fit:cover;
    z-index: -10;
}
.video4{
    opacity:0;
}
.frame4{
    opacity:0;
    transition:opacity 2s;
    width:100%;
    height:100%;
    position:absolute;
    object-fit:cover;
    z-index: -10;
}
.container {
    width:100%;
    height:100%;
}