video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Garante que o vídeo preencha a tela sem distorção */
}

/* Vídeo para dispositivos maiores (desktop e tablets em landscape) */
#desktop-video {
    display: block;
}

/* Vídeo para dispositivos móveis (celulares em portrait) */
#mobile-video {
    display: none;
}

/* Media query para dispositivos móveis em portrait */
@media screen and (max-width: 768px) and (orientation: portrait) {
    #desktop-video {
        display: none;
    }
    #mobile-video {
        display: block;
    }
}