Update styling

web/static/styles.css

@@ -22,7 +22,7 @@ body {
 
 .dropzone {
   margin-top: 20px;
-  width: 90%;
+  width: 95%;
   min-height: 100px;
   border: 2px dashed #000000;
   display: flex;
@@ -153,7 +153,7 @@ visibility: visible; /* Show the tooltip on image hover */
 }
 
 /* For tablets and desktops, add a breakpoint */
-@media (min-width: 768px) {
+@media (min-width: 900px) {
   body {
     font-family: 'Helvetica';
     margin-top: 90px;
@@ -163,15 +163,15 @@ visibility: visible; /* Show the tooltip on image hover */
     text-align: center;
     margin-bottom: 100px;
   }
-
+ 
   .dropzone {
     min-height: 225px;
-    width: 48%;
+    width: 40%;
   }
 
   .prediction-container {
     min-height: 225px;
-    width: 48%;
+    width: 40%;
   }
 
   #predicted-images {