﻿.image-grid-container {
    /* Flexbox makes the container a flexible box */
    display: flex;
    /* Wrap items onto multiple lines */
    flex-wrap: wrap;
    /* Horizontally center the images */
    justify-content: center;
    /* Adjust the maximum width to fit exactly 10 images per row */
    max-width: 100%;
    /* Add some margin for visual spacing */
    margin: 0 auto;
}

    .image-grid-container img {
        /* Set a fixed width and height for each image */
        width: 44px;
        height: 68px;
        /* Add a small margin between images */
        margin-bottom:0px !important;
        /* Ensure the image fills its container without distortion */
        object-fit: cover;
        /* Make sure the images don't get squashed or stretched */
        flex-shrink: 0;
    }
     