changed display res of demo

app.py

@@ -27,6 +27,11 @@ real_files = [hf_hub_download(repo_id=REPO_ID, repo_type="dataset",filename=path
 # Load a sample real image for the demo
 real_demo_path= hf_hub_download(repo_id=REPO_ID, repo_type="dataset",filename="Experiment_grid_3x3.png", token=HF_TOKEN)
 real_demo = np.array(Image.open(real_demo_path).convert("RGB"))
+
+real_demo.thumbnail((300, 300), resample=Image.LANCZOS)   # now ≤300×300
+
+# 2) Turn it into a numpy array
+real_demo_small = np.array(real_demo)
 history_file = "history_state.json"
 # --------------------------------
 
@@ -163,10 +168,10 @@ with gr.Blocks(fill_width=True) as demo:
         example_ui = gr.Column(visible=True)
         with example_ui:
             gr.Markdown("### Before you begin: This are what  *Real* Images look like. Click start to begin the game. ")
-            gr.Image(value=real_demo, type="numpy", show_label=False).style(
-            width=300,    # px
-            height=300    # px
-            )  # set desired display height)
+            gr.Image(value=real_demo_small, show_label=False) #.style(
+            # width=300,    # px
+            # height=300    # px
+            # )  # set desired display height)
             gr.Markdown("---")
 
         # Add a Start button that WILL load images and start the timer