Histórico da Página
<div class="image-container">
<img src="https://totvsnewsrmstorage.totvs.com/totvs-news-static-data/assets/Sau/Cardfacelift.png" alt="Imagem" class="background-image">
<div class="overlay">
Texto sobre a imagem
<img src="caminho_para_a_logo.png" alt="Logo" class="logo-image">
</div>
</div>
```
CSS:
```css
.image-container {
position: relative;
display: inline-block;
border-radius: 10px;
overflow: hidden;
}
.background-image {
display: block;
width: 100%;
filter: blur(3px);
opacity: 0.9;
}
.overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
.image-text {
font-family: "Lato", sans-serif;
color: white;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
margin-bottom: 10px;
}
.logo-image {
max-width: 100%;
max-height: 100px;
margin-top: 10px;
}
</div>