body, html {
    height: 100%;
    margin: 0;
}

.splash-container {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white; /* Cor de fundo branca */
}

.splash-image {
    width: 100px; /* Começa pequena */
    opacity: 0;
    transition: transform 2s ease-in-out, opacity 1s ease-in-out;
}

/* Faz a imagem crescer até 800px */
.splash-image.grow {
    transform: scale(8);
    opacity: 1;
}

/* Faz a imagem desaparecer */
.splash-image.fade-out {
    opacity: 0;
}