Update app.py

app.py

@@ -60,9 +60,18 @@ modal_and_cart_js = """
         const modal = document.getElementById('modal');
         modal.style.display = 'block';
         modal.style.position = 'fixed';
-        modal.style.top = '10%';
+
+        if (window.innerWidth <= 768) {
+            // For mobile devices
+            modal.style.width = '90%';
+        } else {
+            // For laptops or larger screens
+            modal.style.width = '30%';
+        }
+
+        modal.style.top = '50%';
         modal.style.left = '50%';
-        modal.style.transform = 'translate(-50%, 0)';
+        modal.style.transform = 'translate(-50%, -50%)';
 
         document.getElementById('modal-image').src = image;
         document.getElementById('modal-name').innerText = name;