.video1-container {
    display: flex;
    justify-content: center;      
    align-items: center;          
    height: calc(100vh - 150px); 
    margin-top: 115px;             
    padding-bottom: 40px;         
}

.video2-container {
    display: flex;
    justify-content: center;      
    align-items: center;          
    height: calc(100vh - 150px);  
}

iframe {
    box-shadow: 20px rgba(0,0,0,0.3);
    }

    @media (max-width: 768px) {
        .video1-container {
            flex-direction: column;
            height: auto;
            margin-top: 100px;
        }
        .video2-container {
            flex-direction: column;
            height: auto;
     
        }
        iframe {
            width: 95%;
            height: 300px;
        }
    }