file upload gallery

app.py

@@ -608,22 +608,23 @@ def display_image_gallery():
     """
     
     # Loop through each image in the input list
-    with con_image.container():
-        for image_path in st.session_state['input_list']:
-            # Open the image and create a thumbnail
-            img = Image.open(image_path)
-            img.thumbnail((120, 120), Image.Resampling.LANCZOS)  
-
-            # Convert the image to base64
-            base64_image = image_to_base64(img)
-
-            # Append the image to the grid HTML
-            img_html = f"""
-                <div style='display: flex; flex-wrap: wrap; overflow-y: auto; max-height: 400px;'>
-                    <img src='data:image/jpeg;base64,{base64_image}' alt='Image' style='max-width: 100%; height: auto;'>
-                </div>
-                """
-            st.markdown(img_html, unsafe_allow_html=True)
+    # with con_image.container():
+    for image_path in st.session_state['input_list']:
+        # Open the image and create a thumbnail
+        img = Image.open(image_path)
+        img.thumbnail((120, 120), Image.Resampling.LANCZOS)  
+
+        # Convert the image to base64
+        base64_image = image_to_base64(img)
+
+        # Append the image to the grid HTML
+        img_html = f"""
+            <div style='display: flex; flex-wrap: wrap; overflow-y: auto; max-height: 400px;'>
+                <img src='data:image/jpeg;base64,{base64_image}' alt='Image' style='max-width: 100%; height: auto;'>
+            </div>
+            """
+        img_grid_html += img_html
+        # st.markdown(img_html, unsafe_allow_html=True)
 
     
     # Close the div for the image grid