#imageContainer {
    display: flex;
    flex-direction: row; /* Or column, depending on your desired layout */
    flex-wrap: wrap; /* Allows wrapping to the next line */
    gap: 10px; /* Space between the images */
    width: max-content;
}

#imageContainer img {
    width: 100%; /* Ensures images are responsive */
    max-width: 250px; /* Sets a maximum width for the images */
    height: auto;
}

@media (max-width: 600px) {
    #imageContainer {
        flex-direction: column; /* Stack images vertically on small screens */
    }
}