Update app.py

app.py

@@ -124,13 +124,8 @@ with gr.Blocks() as demo:
 
             # Centered image display
             with gr.Row():
-                with gr.Column(scale=1, min_width=0):
-                    gr.Markdown(
-                        f"<div style='display: flex; justify-content: center;'>"
-                        f"<img src='{image_path}' style='width: auto; height: auto;'>"
-                        f"</div>", 
-                        unsafe_allow_html=True
-                    )
+                with gr.Column(scale=1, min_width=0, elem_id="center-column"):
+                    gr.Image(image_path)  # Ensure the image is centered
             
             gr.Button(value="Submit", variant="primary").click(fn=gradio_interface, inputs=inputs, outputs=outputs)
             gr.Button(value="Clear").click(fn=lambda: None)