#vid1 {
    position: absolute; /* Posiciona em relação ao elemento pai mais próximo */
    left: 50px; /* 50px da borda esquerda */
    top: 300px; /* 100px da borda superior */
    width: 280px; /* Largura do vídeo 1 */
    height: auto; 
    z-index: 0;
}

#vid2 {
    position: absolute; /* Posiciona em relação ao elemento pai mais próximo */
    right: 300px; /* 100px da borda direita */
    top: -10;
    width: 300px;
    height: auto;
    z-index: 0;
}

#vid3 {
    position: absolute; /* Posiciona em relação ao elemento pai mais próximo */
    right: 300px; /* 50px da borda direita */
    bottom: 40px; /* Alinha à parte inferior da página */
    width: 350px; /* Largura do vídeo 3 */
    height: auto; /* Mantém a proporção do vídeo */
    z-index: 0;
}

.imagem-sobre {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0; /* Centraliza verticalmente */
    left: 0; /* Centraliza horizontalmente */
    z-index: 0; /* Coloca a imagem acima das outras */
    opacity: 80%;
}

body{
    background-image: url('universo.gif'); /* Adicione o caminho do seu GIF aqui */
    background-size: cover; /* Faz com que o fundo cubra toda a área */
    background-position: center; /* Centraliza o fundo */
    background-repeat: no-repeat; /* Não repete o fundo */
    min-height: 100vh;
}

#backgroundVideo {
    position: fixed; /* Fixa o vídeo na tela */
    top: 0;
    left: 0;
    width: 100%; /* Largura total da tela */
    height: 100%; /* Altura total da tela */
    object-fit: cover; /* Faz o vídeo cobrir a área sem distorcer */
    z-index: -1; /* Coloca o vídeo atrás de outros elementos */
}

img {
    width: 100px;
    height: 100px;
}