Update templates/menu.html

templates/menu.html

@@ -50,7 +50,7 @@
         .menu-video {
             height: 200px;
             width: 100%;
-            object-fit: cover;
+            object-fit: contain;
             border-radius: 15px 15px 0 0;
             opacity: 0;
             transition: opacity 0.5s ease-in-out;
@@ -59,6 +59,13 @@
         .menu-video.loaded {
             opacity: 1;
         }
+        .menu-card img {
+            width: 100%;              /* Ensure image takes up full width */
+            height: 200px;            /* Set fixed height */
+            object-fit: cover;        /* Ensure the image fills the container without distortion */
+            object-position: center;  /* Center the image within the container */
+        }
+
         .menu-card:hover .menu-video {
             opacity: 1;
             transform: scale(1.05);