.banner {
    position: relative;
    width: 100%;
    padding-bottom: 46.25%; /* Proporção 16:9 */
    overflow: hidden;
}

video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Mantém proporção e preenche a área */    

    
}

@media (max-width: 768px) {
    .banner {
        height: 40vh; /* Ajuste a altura para dispositivos menores */
    }
}