html, body {
    height: 100%; /* Essencial para cobrir toda a altura da janela de visualização */
    margin: 0; /* Remove margens padrão */
}

body {
    /* Mantém a posição relativa para a base do pseudo-elemento */
    position: relative;
    background: none; /* Certifique-se de que não há fundo além do pseudo-elemento */
}

body::before {
    content: "";
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: linear-gradient(
        rgba(0, 0, 0, 0.5),  /* Cor preta com 50% de opacidade */
        rgba(0, 0, 0, 0.5)   /* Mantém a consistência da sobreposição */
    ), 
    url('/assets/1.jpg'); /* Adicione o caminho correto da sua imagem */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    filter: blur(3px);
    z-index: -1;
}


.content {
    position: relative;
    z-index: 1; /* Garante que o conteúdo fique acima do desfoque */
    color: white;
    padding: 20px;
    /* Adicionando altura extra para demonstrar rolagem */
    min-height: 150vh; /* 150% da altura da janela de visualização */
}