/* Align input box and 'Increase Image Size' button on the same line */
    #inputContainer {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px; /* Adds space between the input and button */
        margin-bottom: 20px;
    }

    /* Align 'Download All' and 'Clear All' buttons on the same line */
    #buttonContainer {
        display: flex;
        justify-content: center;
        gap: 10px; /* Adds space between the two buttons */
        margin-top: 20px;
    }

    /* Styling for the download previews */
    #downloadLinks {
        display: flex;
        flex-wrap: wrap;
        gap: 20px; /* Space between the image previews */
        justify-content: center; /* Center the items horizontally */
        margin-top: 20px;
    }

    
    /* Styling for the image previews */
    .image-preview2 {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start; /* Use flex-start to avoid overlapping */
        position: relative;
        margin: 5px;
        padding: 20px;
        border: 1px solid #ccc;
        background-color: #ffffff;
        border-radius: 5px;
        width: 150px; /* Consistent width for all image previews */
        height: auto; /* Allow height to adjust automatically */
        min-height: 185px; /* Minimum height to accommodate content */
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        text-align: center;
    }

    .image-preview2 img {
        max-width: 100%;
        max-height: 120px; /* Limit image height */
        object-fit: cover; /* Keeps the image aspect ratio */
        border-radius: 5px;
    }

    /* Ensure metadata like 'KB' and download button are visible */
    .file-info {
        margin-top: 10px;
        font-size: 14px;
        color: #333;
        text-align: center; /* Center align file info */
    }

    /* Download button for individual images */
    .file-info a {
        display: inline-block;
        margin-top: 5px;
        text-decoration: none;
        color: #007bff;
        font-weight: bold;
    }

    .file-info a:hover {
        color: #0056b3;
    }

    /* Clear All button styling */
    .clear-btn {
        background-color: #dc3545;
        color: white;
        padding: 10px 20px;
        border: none;
        cursor: pointer;
        text-align: center;
        display: none; /* Hidden initially */
    }

    .clear-btn:hover {
        background-color: #c82333;
    }

    /* Download All button container styling */
    .download-all-container {
        text-align: center;
    }