upodate gallery css

app.py

@@ -73,7 +73,7 @@ def Image_similarity_search(image_in, search_query):
     #html_tag1 = "<img src='"+pai_img_link1+"' alt='"+img_caption+"' height='512' style='display: block; margin: auto;'>"
     #html_tag2 = "<img src='"+pai_img_link2+"' alt='"+img_caption+"' height='512' style='display: block; margin: auto;'>"
     #html_tag3 = "<img src='"+pai_img_link3+"' alt='"+img_caption+"' height='512' style='display: block; margin: auto;'>"
-    html_tag = f"""<div>
+    html_tag = f"""<div style="display: flex; flex-direction: row; overflow-x: auto;">
                 <img src='{pai_img_link}' alt='{img_caption}' height='512' style='display: block; margin: auto;'>
                 <img src='{pai_img_link1}' alt='{img_caption}' height='512' style='display: block; margin: auto;'>
                 <img src='{pai_img_link2}' alt='{img_caption}' height='512' style='display: block; margin: auto;'>
@@ -82,13 +82,13 @@ def Image_similarity_search(image_in, search_query):
     #html_tag = f"<img src='{pai_img_link}' alt='{img_caption}' height='512' style='display: block; margin: auto;'>"
     return pai_prompt, html_tag #[pai_prompt, pai_prompt1, pai_prompt2, pai_prompt3], [html_tag, html_tag1, html_tag2, html_tag3] 
 
-
+#img_search {display: flex; flex-direction: row; overflow-x: auto; }
+                        
 #Defining Gradio Blocks
 with gr.Blocks(css = """#label_mid {padding-top: 2px; padding-bottom: 2px;}
                         #label_results {padding-top: 5px; padding-bottom: 1px;}
                         #col-container {max-width: 580px; margin-left: auto; margin-right: auto;}
                         #accordion {max-width: 580px; margin-left: auto; margin-right: auto;}
-                        #img_search {display: flex; flex-direction: row; overflow-x: auto; }
                         #img_search img {margin: 10px; max-width: 300px; max-height: 300px;}
                         """) as demo:
   gr.HTML("""<div style="text-align: center; max-width: 700px; margin: 0 auto;">