.image-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px; /* Espacio entre imágenes */
    padding: 20px;
    background-color: #f9f9f9; /* Fondo opcional */
}

.image-container img {
    max-width: 250px; /* Ajusta el tamaño máximo de las imágenes */
    height: 350px; /* Mantén la proporción de las imágenes */
    border-radius: 10px; /* Bordes redondeados */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Sombra para un mejor diseño */
    transition: transform 0.3s ease; /* Animación al pasar el mouse */
}