.demo img {
    position: absolute;  /* Isso coloca a imagem no fundo */
    width: 100vw;
    height: 100vh;
    filter: brightness(1.3);
    z-index: 1;  /* Garante que a imagem fique no fundo */
}

.text-h2 {
    position: relative;
    z-index: 2;  /* Garantindo que o título fique acima da imagem */
}

.dark {
	background:#020202;
}

.dark h1 {
	color:#ccc;
}

.section-anterior {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative; /* Garante que os filhos com position:absolute sejam posicionados corretamente */
}

.demoWrapper {
 	width:100%;
	height:100vh;
	display:flex;
	justify-content:center;
}


.demo {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e2155', endColorstr='#040313', GradientType=1);
    position: relative;  /* Mudança para relative, caso necessário */

}

/* responsive css
@media only screen and (max-width: 600px) {
	.demo img {
		width:300px;
		height:300px;
	}
	
	.demoWrapper {
		height:300px;
	}
	.demo {
		height:300px;
		width:300px;
	}
}
*/