html, body {
    height: 100%;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color:white;
}

div{
        display: flex;
        justify-content: center; /* Centra horizontalmente */
        align-items: center;     /* Centra verticalmente */
        max-width: 100%;         /* Asegura que el contenedor no se desborde horizontalmente */
        max-height: 100%;        /* Asegura que el contenedor no se desborde verticalmente */

}

img {
    width: 40%;
    height: 40%;
    margin: auto;
}