diff --git a/src/bestDeals.html b/src/bestDeals.html
index 58255aa..5ffbe5f 100644
--- a/src/bestDeals.html
+++ b/src/bestDeals.html
@@ -93,7 +93,7 @@ <h4>Shop now</h4>
                     <div class="w-0 h-[3px] transition-all duration-500  bg-[#eac70b]">
                     </div>
                     <!--image-->
-                    <img src="./../assets/images/Image.svg" class="w-[151px] h-[172] m-auto" alt="Image" />
+                    <img src="./../assets/images/Image.svg" class="w-[151px] h-[172px] m-auto object-contain" 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">
@@ -141,7 +141,7 @@ <h5 class=" my-1 text-[#191c1e] text-sm "> The most powerful body spray to repel
                     <div class="w-0 h-[3px] transition-all duration-500  bg-[#eac70b]">
                     </div>
                     <!--image-->
-                    <img src="./../assets/images/best deals/Image 1.svg" class=" " alt="Image" />
+                    <img src="./../assets/images/best deals/Image 1.svg" class="w-[151px] h-[172px] m-auto object-contain" 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">
@@ -190,7 +190,7 @@ <h5 class=" my-1 text-[#191c1e] text-sm "> The most powerful body spray to repel
                     <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" alt="Image" />
+                    <img src="./../assets/images/best deals/Image 2.svg" class="w-[151px] h-[172px] m-auto object-contain" 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">
@@ -238,7 +238,7 @@ <h5 class=" my-1 text-[#191c1e] text-sm "> The most powerful body spray to repel
                     <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" alt="Image" />
+                    <img src="./../assets/images/best deals/Image 3.svg" class="w-[151px] h-[172px] m-auto object-contain" 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">
@@ -286,7 +286,7 @@ <h5 class=" my-1 text-[#191c1e] text-sm "> The most powerful body spray to repel
                     <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" alt="Image" />
+                    <img src="./../assets/images/best deals/Image 4.svg" class="w-[151px] h-[172px] m-auto object-contain" 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">
@@ -334,7 +334,7 @@ <h5 class=" my-1 text-[#191c1e] text-sm "> The most powerful body spray to repel
                     <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" alt="Image" />
+                    <img src="./../assets/images/best deals/Image 5.svg" class="w-[151px] h-[172px] m-auto object-contain" 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">
@@ -382,7 +382,7 @@ <h5 class=" my-1 text-[#191c1e] text-sm "> The most powerful body spray to repel
                     <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" alt="Image" />
+                    <img src="./../assets/images/best deals/Image 6.svg" class="w-[151px] h-[172px] m-auto object-contain" 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">
@@ -430,7 +430,7 @@ <h5 class=" my-1 text-[#191c1e] text-sm "> The most powerful body spray to repel
                     <div class="w-0 h-[3px] transition-all duration-500  bg-[#eac70b]">
                     </div>
                     <!--image-->
-                    <img src="./../assets/images/Image.svg" class="w-[151px] h-[172] m-auto" alt="Image" />
+                    <img src="./../assets/images/Image.svg" class="w-[151px] h-[172px] m-auto object-contain" 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">
diff --git a/src/featursProducts.html b/src/featursProducts.html
index 494b3c8..970bda8 100644
--- a/src/featursProducts.html
+++ b/src/featursProducts.html
@@ -87,7 +87,7 @@ <h3 class="text-[#191c1e] text-2xl mb-4 md:mb-0">Featured Products</h3>
                                 <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] object-contain 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">
@@ -132,7 +132,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] object-contain 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">
@@ -177,7 +177,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] object-contain 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">
@@ -222,7 +222,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] object-contain 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">
@@ -267,7 +267,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] object-contain 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">
@@ -312,7 +312,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] object-contain 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">
@@ -357,7 +357,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] object-contain 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">
@@ -402,7 +402,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] object-contain 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">