.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 */
        }