/* El contenedor define el área máxima de visión */
.container {
    width: 98%;
    height: 98%;
    text-align: center;
    display: flex;          /* Activamos Flexbox */
    justify-content: center; /* Centrado Horizontal */
    align-items: center;     /* Centrado Vertical */

}

.centered-image {
    max-width: min(1000px, 98vw);
    max-height: min(1000px, 98vh);        
    width: auto;
    height: auto;
        
    /* Estética */
    box-shadow: 0 8px 30px rgba(0,0,0,0.1);
    border-radius: 10px;
    background-color: white;
}

.centered-image:hover {
    transform: scale(1.02);
}