From 1f2effae919d814b57d1f769f168e9f448a768bd Mon Sep 17 00:00:00 2001
From: asmaamostafa74 <asmaaelbanaa123@gmail.com>
Date: Thu, 14 Nov 2024 17:34:12 +0200
Subject: [PATCH] Shop card edits

---
 src/shop.html | 64 +++++++++++++++++++++++++--------------------------
 1 file changed, 32 insertions(+), 32 deletions(-)

diff --git a/src/shop.html b/src/shop.html
index fd86ae1..299eb52 100644
--- a/src/shop.html
+++ b/src/shop.html
@@ -328,7 +328,7 @@ <h6 class="text-[#191c1e] md:text-sm text-[9px] font-normal font-['Public Sans']
                             <div class="w-0 h-[3px] transition-all duration-500 bg-[#eac70b]"></div>
                 
                             <!-- Image -->
-                            <img src="./../assets/images/best deals/Image 2.svg" class="!w-[151px]  !h-[172] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
+                            <img src="./../assets/images/best deals/Image 2.svg" class="w-[151px] h-[172px] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
                 
                             <!-- Overlay -->
                             <div class="absolute inset-0 bg-black bg-opacity-20 flex items-center justify-center opacity-0 transition-opacity duration-300 group-hover:opacity-100">
@@ -373,7 +373,7 @@ <h5 class="my-1 text-[#191c1e] text-sm">The most powerful body spray to repel fl
                             <div class="w-0 h-[3px] transition-all duration-500 bg-[#eac70b]"></div>
                 
                             <!-- Image -->
-                            <img src="./../assets/images/best deals/Image 1.svg" class="!w-[151px]  !h-[172] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
+                            <img src="./../assets/images/best deals/Image 1.svg" class="w-[151px] h-[172px] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
                 
                             <!-- Overlay -->
                             <div class="absolute inset-0 bg-black bg-opacity-20 flex items-center justify-center opacity-0 transition-opacity duration-300 group-hover:opacity-100">
@@ -418,7 +418,7 @@ <h5 class="my-1 text-[#191c1e] text-sm">The most powerful body spray to repel fl
                             <div class="w-0 h-[3px] transition-all duration-500 bg-[#eac70b]"></div>
                 
                             <!-- Image -->
-                            <img src="./../assets/images/best deals/Image 3.svg" class="!w-[151px]  !h-[172] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
+                            <img src="./../assets/images/best deals/Image 3.svg" class="w-[151px] h-[172px] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
                 
                             <!-- Overlay -->
                             <div class="absolute inset-0 bg-black bg-opacity-20 flex items-center justify-center opacity-0 transition-opacity duration-300 group-hover:opacity-100">
@@ -463,7 +463,7 @@ <h5 class="my-1 text-[#191c1e] text-sm">The most powerful body spray to repel fl
                             <div class="w-0 h-[3px] transition-all duration-500 bg-[#eac70b]"></div>
                 
                             <!-- Image -->
-                            <img src="./../assets/images/best deals/Image 4.svg" class="!w-[151px]  !h-[172] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
+                            <img src="./../assets/images/best deals/Image 4.svg" class="w-[151px] h-[172px] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
                 
                             <!-- Overlay -->
                             <div class="absolute inset-0 bg-black bg-opacity-20 flex items-center justify-center opacity-0 transition-opacity duration-300 group-hover:opacity-100">
@@ -508,7 +508,7 @@ <h5 class="my-1 text-[#191c1e] text-sm">The most powerful body spray to repel fl
                             <div class="w-0 h-[3px] transition-all duration-500 bg-[#eac70b]"></div>
                 
                             <!-- Image -->
-                            <img src="./../assets/images/best deals/Image 5.svg" class="!w-[151px]  !h-[172] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
+                            <img src="./../assets/images/best deals/Image 5.svg" class="w-[151px] h-[172px] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
                 
                             <!-- Overlay -->
                             <div class="absolute inset-0 bg-black bg-opacity-20 flex items-center justify-center opacity-0 transition-opacity duration-300 group-hover:opacity-100">
@@ -553,7 +553,7 @@ <h5 class="my-1 text-[#191c1e] text-sm">The most powerful body spray to repel fl
                             <div class="w-0 h-[3px] transition-all duration-500 bg-[#eac70b]"></div>
                 
                             <!-- Image -->
-                            <img src="./../assets/images/best deals/Image 6.svg" class="!w-[151px]  !h-[172] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
+                            <img src="./../assets/images/best deals/Image 6.svg" class="w-[151px] h-[172px] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
                 
                             <!-- Overlay -->
                             <div class="absolute inset-0 bg-black bg-opacity-20 flex items-center justify-center opacity-0 transition-opacity duration-300 group-hover:opacity-100">
@@ -598,7 +598,7 @@ <h5 class="my-1 text-[#191c1e] text-sm">The most powerful body spray to repel fl
                             <div class="w-0 h-[3px] transition-all duration-500 bg-[#eac70b]"></div>
                 
                             <!-- Image -->
-                            <img src="./../assets/images/best deals/Image 2.svg" class="!w-[151px]  !h-[172] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
+                            <img src="./../assets/images/best deals/Image 2.svg" class="w-[151px] h-[172px] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
                 
                             <!-- Overlay -->
                             <div class="absolute inset-0 bg-black bg-opacity-20 flex items-center justify-center opacity-0 transition-opacity duration-300 group-hover:opacity-100">
@@ -643,7 +643,7 @@ <h5 class="my-1 text-[#191c1e] text-sm">The most powerful body spray to repel fl
                             <div class="w-0 h-[3px] transition-all duration-500 bg-[#eac70b]"></div>
                 
                             <!-- Image -->
-                            <img src="./../assets/images/best deals/Image 1.svg" class="!w-[151px]  !h-[172] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
+                            <img src="./../assets/images/best deals/Image 1.svg" class="w-[151px] h-[172px] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
                 
                             <!-- Overlay -->
                             <div class="absolute inset-0 bg-black bg-opacity-20 flex items-center justify-center opacity-0 transition-opacity duration-300 group-hover:opacity-100">
@@ -688,7 +688,7 @@ <h5 class="my-1 text-[#191c1e] text-sm">The most powerful body spray to repel fl
                             <div class="w-0 h-[3px] transition-all duration-500 bg-[#eac70b]"></div>
                 
                             <!-- Image -->
-                            <img src="./../assets/images/best deals/Image 2.svg" class="!w-[151px]  !h-[172] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
+                            <img src="./../assets/images/best deals/Image 2.svg" class="w-[151px] h-[172px] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
                 
                             <!-- Overlay -->
                             <div class="absolute inset-0 bg-black bg-opacity-20 flex items-center justify-center opacity-0 transition-opacity duration-300 group-hover:opacity-100">
@@ -733,7 +733,7 @@ <h5 class="my-1 text-[#191c1e] text-sm">The most powerful body spray to repel fl
                             <div class="w-0 h-[3px] transition-all duration-500 bg-[#eac70b]"></div>
                 
                             <!-- Image -->
-                            <img src="./../assets/images/best deals/Image 1.svg" class="!w-[151px]  !h-[172] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
+                            <img src="./../assets/images/best deals/Image 1.svg" class="w-[151px] h-[172px] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
                 
                             <!-- Overlay -->
                             <div class="absolute inset-0 bg-black bg-opacity-20 flex items-center justify-center opacity-0 transition-opacity duration-300 group-hover:opacity-100">
@@ -778,7 +778,7 @@ <h5 class="my-1 text-[#191c1e] text-sm">The most powerful body spray to repel fl
                             <div class="w-0 h-[3px] transition-all duration-500 bg-[#eac70b]"></div>
                 
                             <!-- Image -->
-                            <img src="./../assets/images/best deals/Image 3.svg" class="!w-[151px]  !h-[172] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
+                            <img src="./../assets/images/best deals/Image 3.svg" class="w-[151px] h-[172px] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
                 
                             <!-- Overlay -->
                             <div class="absolute inset-0 bg-black bg-opacity-20 flex items-center justify-center opacity-0 transition-opacity duration-300 group-hover:opacity-100">
@@ -823,7 +823,7 @@ <h5 class="my-1 text-[#191c1e] text-sm">The most powerful body spray to repel fl
                             <div class="w-0 h-[3px] transition-all duration-500 bg-[#eac70b]"></div>
                 
                             <!-- Image -->
-                            <img src="./../assets/images/best deals/Image 4.svg" class="!w-[151px]  !h-[172] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
+                            <img src="./../assets/images/best deals/Image 4.svg" class="w-[151px] h-[172px] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
                 
                             <!-- Overlay -->
                             <div class="absolute inset-0 bg-black bg-opacity-20 flex items-center justify-center opacity-0 transition-opacity duration-300 group-hover:opacity-100">
@@ -868,7 +868,7 @@ <h5 class="my-1 text-[#191c1e] text-sm">The most powerful body spray to repel fl
                             <div class="w-0 h-[3px] transition-all duration-500 bg-[#eac70b]"></div>
                 
                             <!-- Image -->
-                            <img src="./../assets/images/best deals/Image 5.svg" class="!w-[151px]  !h-[172] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
+                            <img src="./../assets/images/best deals/Image 5.svg" class="w-[151px] h-[172px] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
                 
                             <!-- Overlay -->
                             <div class="absolute inset-0 bg-black bg-opacity-20 flex items-center justify-center opacity-0 transition-opacity duration-300 group-hover:opacity-100">
@@ -913,7 +913,7 @@ <h5 class="my-1 text-[#191c1e] text-sm">The most powerful body spray to repel fl
                             <div class="w-0 h-[3px] transition-all duration-500 bg-[#eac70b]"></div>
                 
                             <!-- Image -->
-                            <img src="./../assets/images/best deals/Image 6.svg" class="!w-[151px]  !h-[172] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
+                            <img src="./../assets/images/best deals/Image 6.svg" class="w-[151px] h-[172px] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
                 
                             <!-- Overlay -->
                             <div class="absolute inset-0 bg-black bg-opacity-20 flex items-center justify-center opacity-0 transition-opacity duration-300 group-hover:opacity-100">
@@ -958,7 +958,7 @@ <h5 class="my-1 text-[#191c1e] text-sm">The most powerful body spray to repel fl
                             <div class="w-0 h-[3px] transition-all duration-500 bg-[#eac70b]"></div>
                 
                             <!-- Image -->
-                            <img src="./../assets/images/best deals/Image 2.svg" class="!w-[151px]  !h-[172] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
+                            <img src="./../assets/images/best deals/Image 2.svg" class="w-[151px] h-[172px] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
                 
                             <!-- Overlay -->
                             <div class="absolute inset-0 bg-black bg-opacity-20 flex items-center justify-center opacity-0 transition-opacity duration-300 group-hover:opacity-100">
@@ -1003,7 +1003,7 @@ <h5 class="my-1 text-[#191c1e] text-sm">The most powerful body spray to repel fl
                             <div class="w-0 h-[3px] transition-all duration-500 bg-[#eac70b]"></div>
                 
                             <!-- Image -->
-                            <img src="./../assets/images/best deals/Image 1.svg" class="!w-[151px]  !h-[172] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
+                            <img src="./../assets/images/best deals/Image 1.svg" class="w-[151px] h-[172px] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
                 
                             <!-- Overlay -->
                             <div class="absolute inset-0 bg-black bg-opacity-20 flex items-center justify-center opacity-0 transition-opacity duration-300 group-hover:opacity-100">
@@ -1048,7 +1048,7 @@ <h5 class="my-1 text-[#191c1e] text-sm">The most powerful body spray to repel fl
                             <div class="w-0 h-[3px] transition-all duration-500 bg-[#eac70b]"></div>
                 
                             <!-- Image -->
-                            <img src="./../assets/images/best deals/Image 2.svg" class="!w-[151px]  !h-[172] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
+                            <img src="./../assets/images/best deals/Image 2.svg" class="w-[151px] h-[172px] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
                 
                             <!-- Overlay -->
                             <div class="absolute inset-0 bg-black bg-opacity-20 flex items-center justify-center opacity-0 transition-opacity duration-300 group-hover:opacity-100">
@@ -1093,7 +1093,7 @@ <h5 class="my-1 text-[#191c1e] text-sm">The most powerful body spray to repel fl
                             <div class="w-0 h-[3px] transition-all duration-500 bg-[#eac70b]"></div>
                 
                             <!-- Image -->
-                            <img src="./../assets/images/best deals/Image 1.svg" class="!w-[151px]  !h-[172] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
+                            <img src="./../assets/images/best deals/Image 1.svg" class="w-[151px] h-[172px] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
                 
                             <!-- Overlay -->
                             <div class="absolute inset-0 bg-black bg-opacity-20 flex items-center justify-center opacity-0 transition-opacity duration-300 group-hover:opacity-100">
@@ -1138,7 +1138,7 @@ <h5 class="my-1 text-[#191c1e] text-sm">The most powerful body spray to repel fl
                             <div class="w-0 h-[3px] transition-all duration-500 bg-[#eac70b]"></div>
                 
                             <!-- Image -->
-                            <img src="./../assets/images/best deals/Image 3.svg" class="!w-[151px]  !h-[172] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
+                            <img src="./../assets/images/best deals/Image 3.svg" class="w-[151px] h-[172px] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
                 
                             <!-- Overlay -->
                             <div class="absolute inset-0 bg-black bg-opacity-20 flex items-center justify-center opacity-0 transition-opacity duration-300 group-hover:opacity-100">
@@ -1183,7 +1183,7 @@ <h5 class="my-1 text-[#191c1e] text-sm">The most powerful body spray to repel fl
                             <div class="w-0 h-[3px] transition-all duration-500 bg-[#eac70b]"></div>
                 
                             <!-- Image -->
-                            <img src="./../assets/images/best deals/Image 4.svg" class="!w-[151px]  !h-[172] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
+                            <img src="./../assets/images/best deals/Image 4.svg" class="w-[151px] h-[172px] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
                 
                             <!-- Overlay -->
                             <div class="absolute inset-0 bg-black bg-opacity-20 flex items-center justify-center opacity-0 transition-opacity duration-300 group-hover:opacity-100">
@@ -1228,7 +1228,7 @@ <h5 class="my-1 text-[#191c1e] text-sm">The most powerful body spray to repel fl
                             <div class="w-0 h-[3px] transition-all duration-500 bg-[#eac70b]"></div>
                 
                             <!-- Image -->
-                            <img src="./../assets/images/best deals/Image 5.svg" class="!w-[151px]  !h-[172] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
+                            <img src="./../assets/images/best deals/Image 5.svg" class="w-[151px] h-[172px] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
                 
                             <!-- Overlay -->
                             <div class="absolute inset-0 bg-black bg-opacity-20 flex items-center justify-center opacity-0 transition-opacity duration-300 group-hover:opacity-100">
@@ -1273,7 +1273,7 @@ <h5 class="my-1 text-[#191c1e] text-sm">The most powerful body spray to repel fl
                             <div class="w-0 h-[3px] transition-all duration-500 bg-[#eac70b]"></div>
                 
                             <!-- Image -->
-                            <img src="./../assets/images/best deals/Image 6.svg" class="!w-[151px]  !h-[172] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
+                            <img src="./../assets/images/best deals/Image 6.svg" class="w-[151px] h-[172px] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
                 
                             <!-- Overlay -->
                             <div class="absolute inset-0 bg-black bg-opacity-20 flex items-center justify-center opacity-0 transition-opacity duration-300 group-hover:opacity-100">
@@ -1318,7 +1318,7 @@ <h5 class="my-1 text-[#191c1e] text-sm">The most powerful body spray to repel fl
                             <div class="w-0 h-[3px] transition-all duration-500 bg-[#eac70b]"></div>
                 
                             <!-- Image -->
-                            <img src="./../assets/images/best deals/Image 2.svg" class="!w-[151px]  !h-[172] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
+                            <img src="./../assets/images/best deals/Image 2.svg" class="w-[151px] h-[172px] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
                 
                             <!-- Overlay -->
                             <div class="absolute inset-0 bg-black bg-opacity-20 flex items-center justify-center opacity-0 transition-opacity duration-300 group-hover:opacity-100">
@@ -1363,7 +1363,7 @@ <h5 class="my-1 text-[#191c1e] text-sm">The most powerful body spray to repel fl
                             <div class="w-0 h-[3px] transition-all duration-500 bg-[#eac70b]"></div>
                 
                             <!-- Image -->
-                            <img src="./../assets/images/best deals/Image 1.svg" class="!w-[151px]  !h-[172] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
+                            <img src="./../assets/images/best deals/Image 1.svg" class="w-[151px] h-[172px] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
                 
                             <!-- Overlay -->
                             <div class="absolute inset-0 bg-black bg-opacity-20 flex items-center justify-center opacity-0 transition-opacity duration-300 group-hover:opacity-100">
@@ -1408,7 +1408,7 @@ <h5 class="my-1 text-[#191c1e] text-sm">The most powerful body spray to repel fl
                             <div class="w-0 h-[3px] transition-all duration-500 bg-[#eac70b]"></div>
                 
                             <!-- Image -->
-                            <img src="./../assets/images/best deals/Image 2.svg" class="!w-[151px]  !h-[172] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
+                            <img src="./../assets/images/best deals/Image 2.svg" class="w-[151px] h-[172px] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
                 
                             <!-- Overlay -->
                             <div class="absolute inset-0 bg-black bg-opacity-20 flex items-center justify-center opacity-0 transition-opacity duration-300 group-hover:opacity-100">
@@ -1453,7 +1453,7 @@ <h5 class="my-1 text-[#191c1e] text-sm">The most powerful body spray to repel fl
                             <div class="w-0 h-[3px] transition-all duration-500 bg-[#eac70b]"></div>
                 
                             <!-- Image -->
-                            <img src="./../assets/images/best deals/Image 1.svg" class="!w-[151px]  !h-[172] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
+                            <img src="./../assets/images/best deals/Image 1.svg" class="w-[151px] h-[172px] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
                 
                             <!-- Overlay -->
                             <div class="absolute inset-0 bg-black bg-opacity-20 flex items-center justify-center opacity-0 transition-opacity duration-300 group-hover:opacity-100">
@@ -1498,7 +1498,7 @@ <h5 class="my-1 text-[#191c1e] text-sm">The most powerful body spray to repel fl
                             <div class="w-0 h-[3px] transition-all duration-500 bg-[#eac70b]"></div>
                 
                             <!-- Image -->
-                            <img src="./../assets/images/best deals/Image 3.svg" class="!w-[151px]  !h-[172] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
+                            <img src="./../assets/images/best deals/Image 3.svg" class="w-[151px] h-[172px] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
                 
                             <!-- Overlay -->
                             <div class="absolute inset-0 bg-black bg-opacity-20 flex items-center justify-center opacity-0 transition-opacity duration-300 group-hover:opacity-100">
@@ -1543,7 +1543,7 @@ <h5 class="my-1 text-[#191c1e] text-sm">The most powerful body spray to repel fl
                             <div class="w-0 h-[3px] transition-all duration-500 bg-[#eac70b]"></div>
                 
                             <!-- Image -->
-                            <img src="./../assets/images/best deals/Image 4.svg" class="!w-[151px]  !h-[172] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
+                            <img src="./../assets/images/best deals/Image 4.svg" class="w-[151px] h-[172px] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
                 
                             <!-- Overlay -->
                             <div class="absolute inset-0 bg-black bg-opacity-20 flex items-center justify-center opacity-0 transition-opacity duration-300 group-hover:opacity-100">
@@ -1588,7 +1588,7 @@ <h5 class="my-1 text-[#191c1e] text-sm">The most powerful body spray to repel fl
                             <div class="w-0 h-[3px] transition-all duration-500 bg-[#eac70b]"></div>
                 
                             <!-- Image -->
-                            <img src="./../assets/images/best deals/Image 5.svg" class="!w-[151px]  !h-[172] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
+                            <img src="./../assets/images/best deals/Image 5.svg" class="w-[151px] h-[172px] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
                 
                             <!-- Overlay -->
                             <div class="absolute inset-0 bg-black bg-opacity-20 flex items-center justify-center opacity-0 transition-opacity duration-300 group-hover:opacity-100">
@@ -1633,7 +1633,7 @@ <h5 class="my-1 text-[#191c1e] text-sm">The most powerful body spray to repel fl
                             <div class="w-0 h-[3px] transition-all duration-500 bg-[#eac70b]"></div>
                 
                             <!-- Image -->
-                            <img src="./../assets/images/best deals/Image 6.svg" class="!w-[151px]  !h-[172] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
+                            <img src="./../assets/images/best deals/Image 6.svg" class="w-[151px] h-[172px] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
                 
                             <!-- Overlay -->
                             <div class="absolute inset-0 bg-black bg-opacity-20 flex items-center justify-center opacity-0 transition-opacity duration-300 group-hover:opacity-100">
@@ -1678,7 +1678,7 @@ <h5 class="my-1 text-[#191c1e] text-sm">The most powerful body spray to repel fl
                             <div class="w-0 h-[3px] transition-all duration-500 bg-[#eac70b]"></div>
                 
                             <!-- Image -->
-                            <img src="./../assets/images/best deals/Image 2.svg" class="!w-[151px]  !h-[172] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
+                            <img src="./../assets/images/best deals/Image 2.svg" class="w-[151px] h-[172px] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
                 
                             <!-- Overlay -->
                             <div class="absolute inset-0 bg-black bg-opacity-20 flex items-center justify-center opacity-0 transition-opacity duration-300 group-hover:opacity-100">
@@ -1723,7 +1723,7 @@ <h5 class="my-1 text-[#191c1e] text-sm">The most powerful body spray to repel fl
                             <div class="w-0 h-[3px] transition-all duration-500 bg-[#eac70b]"></div>
                 
                             <!-- Image -->
-                            <img src="./../assets/images/best deals/Image 1.svg" class="!w-[151px]  !h-[172] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
+                            <img src="./../assets/images/best deals/Image 1.svg" class="w-[151px] h-[172px] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
                 
                             <!-- Overlay -->
                             <div class="absolute inset-0 bg-black bg-opacity-20 flex items-center justify-center opacity-0 transition-opacity duration-300 group-hover:opacity-100">