Gostaria de saber como faço para sobrepor uma imagem sobre outra e centraliza-la, sendo que, estou usando divs diferentes para o filter:blur(25px); não se estenda para a logo também (drunkerslogo.png), porém estou com dificuldade para centralizar o drunkerslogo.png dentro do fundobackground.png (sobreposto)
segue o arquivo css
body {
background: black;
}
#site {
width: auto;
border: 1px solid red;
background: black;
}
#background {
width: 100%;
height: 1080px;
border: 1px solid red;
background: url(imagens/fundobackground.png) no-repeat;
background-size: cover;
filter: blur(25px);
}
#logo {
width: 540px;
height: 540px;
border: 1px solid red;
}
e o html
Drunkers<body>
<div id="site">
<div id="primeira-parte">
<div id="background"></div>
<div><img src="imagens/drunkerslogo.png" id="logo"></div>
</div>
</div>
</body>
"border" é para minha melhor visualização dos itens