Update app.py

app.py

@@ -104,9 +104,9 @@ with gr.Blocks() as demo:
 
     # JavaScript for managing the pop-up
     gr.HTML("""
-    <div id="popup" style="display: none; position: fixed; left: 50%; top:50%; justify-content: center; align-items: center; 
+    <div id="popup" style="display: none; position: fixed; left: 50%; top:0; justify-content: center; align-items: center; 
                           background-color: white; padding: 20px; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); 
-                          z-index: 1000; text-align: center; width: 300px; height:100%;">
+                          z-index: 1000; text-align: center; width: 300px;">
         <img id="popup-image" src="" alt="" style="width: 100%; height: auto; border-radius: 10px;">
         <h2 id="popup-title" style="margin-top: 20px; color: #444;"></h2>
         <p id="popup-description" style="margin-top: 10px; font-size: 16px; color: #666;"></p>