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

.container {
    display: flex;
    justify-content: center; /* Alinha horizontalmente ao centro */
    align-items: center;     /* Alinha verticalmente ao centro */
    height: 100vh;           /* Define a altura da tela */
    background-color: #FFFFFF; /* Cor de fundo opcional */
}

.imagem-centralizada {
    max-width: 40%; /* Ajusta a imagem para caber na tela */
    max-height: 40%; /* Ajusta a imagem para caber na tela */
}