Update static/styles.css

static/styles.css

@@ -272,6 +272,39 @@ form {
 
 
 
+.image-container {
+    display: flex;
+    flex-direction: row;  /* Force row layout on desktop */
+    justify-content: center;
+    border: 2px solid #aaa;
+  /* padding: 10px; */
+    border-radius: 10px;
+    gap: 10px;
+    max-width: 100%;
+    margin: 10px;
+}
+
+.image-container img {
+    width: 30%;  /* Each image takes 30% of the container width */
+    height: auto;
+    box-sizing: border-box;
+}
+
+@media (max-width: 768px) {
+    .image-container {
+        flex-direction: column;  /* Stack images vertically on mobile */
+        align-items: center;
+    }
+
+    .image-container img {
+        width: 100%;  /* Full width for each image on mobile */
+    }
+}
+
+
+
+
+
 /* Responsive Layout */
 @media (max-width: 768px) {
     .input-container {