Gradio Visual Improvement

app.py

@@ -134,7 +134,14 @@ if __name__ == "__main__":
     with gr.Blocks() as demo:
         gr.Markdown("# Saliency Maps with the MERIT Dataset 🎒📃🏆")
 
-        gr.Image(value=README_IMAGE_PATH, width=800, height=600)
+        with gr.Column(scale=2, min_width=600):
+            gr.Image(value=README_IMAGE_PATH, height=400, fit="scale-down")
+            gr.Image(
+                value=GIF_PATH,
+                label="Dataset samples you can process",
+                height=400,
+                fit="scale-down",
+            )
 
         with gr.Tab("Introduction"):
             gr.Markdown(
@@ -151,13 +158,6 @@ if __name__ == "__main__":
             """
             )
 
-            # gr.Image(
-            #     value=GIF_PATH,
-            #     label="Dataset samples you can process",
-            #     width=800,
-            #     height=600,
-            # )
-
         with gr.Tab("Try It Yourself"):
             gr.Markdown(
                 "Select a model and an image from the dataset, or upload your own image."