.image-container {
    display: flex;
    justify-content: center;
    /* Centra horizontalmente */
    align-items: center;
    /* Centra verticalmente */
    height: 80vh;
    /* Altura del contenedor, ajustable */
    border: 1px solid #ccc;
    /* Borde para visualización */
}

.image-container img {
    max-width: 100%;
    /* Ajusta la imagen al ancho máximo del contenedor */
    max-height: 100%;
    /* Ajusta la imagen a la altura máxima del contenedor */
    object-fit: contain;
    /* Escala la imagen manteniendo la proporción */
    object-position: center;
    /* Centra la imagen dentro del contenedor */
}