From 3388ddb5b63f01c6881559855f4c525951bf35de Mon Sep 17 00:00:00 2001
From: w3bdesign <45217974+w3bdesign@users.noreply.github.com>
Date: Sun, 15 Sep 2024 05:48:15 +0200
Subject: [PATCH 1/2] Update CartContents.component.tsx

---
 src/components/Cart/CartContents.component.tsx | 11 -----------
 1 file changed, 11 deletions(-)

diff --git a/src/components/Cart/CartContents.component.tsx b/src/components/Cart/CartContents.component.tsx
index 86a69a3d1..cc9c5178e 100644
--- a/src/components/Cart/CartContents.component.tsx
+++ b/src/components/Cart/CartContents.component.tsx
@@ -94,17 +94,6 @@ const CartContents = () => {
                 key={item.key}
                 className="flex items-center border-b border-gray-200 py-4"
               >
-                <div className="flex-shrink-0 w-24 h-24 relative">
-                  <Image
-                    src={
-                      item.product.node.image?.sourceUrl || '/placeholder.png'
-                    }
-                    alt={item.product.node.name}
-                    layout="fill"
-                    objectFit="cover"
-                    className="rounded"
-                  />
-                </div>
                 <div className="flex-grow ml-4">
                   <h2 className="text-lg font-semibold">
                     {item.product.node.name}

From fb482d3afff1c8387d5e4d8b59aa0dc6ef28e943 Mon Sep 17 00:00:00 2001
From: w3bdesign <45217974+w3bdesign@users.noreply.github.com>
Date: Sun, 15 Sep 2024 05:49:27 +0200
Subject: [PATCH 2/2] Update CartContents.component.tsx

---
 src/components/Cart/CartContents.component.tsx | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/components/Cart/CartContents.component.tsx b/src/components/Cart/CartContents.component.tsx
index cc9c5178e..446a99149 100644
--- a/src/components/Cart/CartContents.component.tsx
+++ b/src/components/Cart/CartContents.component.tsx
@@ -94,6 +94,17 @@ const CartContents = () => {
                 key={item.key}
                 className="flex items-center border-b border-gray-200 py-4"
               >
+                <div className="flex-shrink-0 w-24 h-24 relative hidden md:block">
+                  <Image
+                    src={
+                      item.product.node.image?.sourceUrl || '/placeholder.png'
+                    }
+                    alt={item.product.node.name}
+                    layout="fill"
+                    objectFit="cover"
+                    className="rounded"
+                  />
+                </div>
                 <div className="flex-grow ml-4">
                   <h2 className="text-lg font-semibold">
                     {item.product.node.name}