Update app.py

app.py

@@ -214,18 +214,23 @@ button.primary-button:hover {
 }
 .gallery-container {
     display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
-    gap: 15px;
-    margin-top: 20px;
+    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+    gap: 20px;
+    margin-top: 25px;
 }
+
 .gallery-item {
-    border-radius: 8px;
+    border-radius: var(--border-radius);
     overflow: hidden;
-    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
+    box-shadow: var(--card-shadow);
     transition: transform 0.3s ease;
+    aspect-ratio: 1 / 1;
+    object-fit: cover;
 }
+
 .gallery-item:hover {
     transform: scale(1.05);
+    box-shadow: var(--hover-shadow);
 }
 .recipe-output {
     font-size: 1.1em;