.image-gallery {
    display: flex;
    overflow-x: auto; /* Enables horizontal scrolling */
    white-space: nowrap; /* Prevents wrapping of contents */
    padding: 0;
    margin: 0;
}

.frm_file_container {
    display: flex;
    flex-wrap: nowrap; /* Ensures no wrapping of the images */
    align-items: center; /* Centers images vertically */
}

.responsive-image {
    flex: 0 0 auto; /* Do not grow or shrink but allow basis to be auto */
    width: 150px; /* Fixed width, change if needed */
    height: 150px; /* Fixed height, change if needed */
    margin-right: 10px; /* Space between images */
}

.responsive-image:last-child {
    margin-right: 0; /* Removes margin from the last image */
}

/* Optionally, you might want to ensure there's no horizontal scrollbar when unnecessary */
.image-gallery::-webkit-scrollbar {
    display: none;
}