Update app.py

app.py

@@ -59,9 +59,10 @@ modal_and_cart_js = """
         }
         const modal = document.getElementById('modal');
         modal.style.display = 'block';
-        modal.style.position = 'absolute';
-        modal.style.top = `${window.scrollY + window.innerHeight / 2 - modal.offsetHeight / 2}px`;
-        modal.style.left = `${window.innerWidth / 2 - modal.offsetWidth / 2}px`;
+        modal.style.position = 'fixed';
+        modal.style.top = '10%';
+        modal.style.left = '50%';
+        modal.style.transform = 'translate(-50%, 0)';
 
         document.getElementById('modal-image').src = image;
         document.getElementById('modal-name').innerText = name;
@@ -153,7 +154,7 @@ def app():
 
         # Modal window
         modal_window = gr.HTML("""
-        <div id="modal" style="display: none; position: absolute; background: white; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); padding: 20px; z-index: 1000;">
+        <div id="modal" style="display: none; position: fixed; background: white; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); padding: 20px; z-index: 1000;">
             <div style="text-align: right;">
                 <button onclick="closeModal()" style="background: none; border: none; font-size: 18px; cursor: pointer;">&times;</button>
             </div>