Update templates/cart.html

templates/cart.html

@@ -72,24 +72,15 @@
     align-items: flex-start;         /* Align the image at the top */
     justify-content: center;         /* Center image horizontally if it has space */
 }
+.cart-item img {
+    width: 70px;                  /* Set the width to 70px */
+    height: 70px;                 /* Set the height to 70px */
+    object-fit: contain;          /* Ensure the whole image is visible */
+    border-radius: 5px;           /* Optional: rounded corners */
+    border: 1px solid #ffcc80;    /* Light orange border around images */
+}
 
-/* Responsive for mobile devices */
- .cart-item img {
-            width: 70px;
-            height: 70px;
-            object-fit: cover;
-            border-radius: 5px;
-            border: 1px solid #ffcc80; /* Light orange border around images */
-        }
-
-        .cart-item img {
-            width: 100%;                    /* Fill the image container */
-            height: 100px !important;                   /* Maintain aspect ratio */
-            object-fit: contain; 
-            border-radius: 8px;            /* Optional: rounded corners */
-            transition: transform 0.3s;/* Ensure the full image is visible */
-           
-        }
+        
         .cart-item img:hover {
             transform: scale(1.05);
         }