diff --git a/feedback.css b/feedback.css
index 6546101d..ceedbb2b 100644
--- a/feedback.css
+++ b/feedback.css
@@ -4,9 +4,9 @@
     color: #f0f0f0;
   }
 
-  body.dark-theme .container{
+  /* body.dark-theme .container{
     background: #333;
-  }
+  } */
 
   body.dark-theme .image{
     background-color: #555;
diff --git a/feedback.html b/feedback.html
index 66764ed3..6ae4b24e 100644
--- a/feedback.html
+++ b/feedback.html
@@ -182,12 +182,12 @@
     </div>
   </header>
   <div class="sidebyside">
-    <div class="image">
-      <!-- <img src="./img/rateus.jpg"></img> -->
-    </div>
     <div class="container">
       <div class="glassmorphism-container">
         <h1 class="feedback-heading">Rate Our Service</h1>
+        <div class="image">
+          <img src="./img/feedback_img.jpg"></img>
+        </div>
         <hr>
 
         <!-- <div class="stars" id="stars-container"> -->
diff --git a/img/greenbackground.jpeg b/img/greenbackground.jpeg
new file mode 100644
index 00000000..cb4a9193
Binary files /dev/null and b/img/greenbackground.jpeg differ
diff --git a/img/greenbackgroung.jpeg b/img/greenbackgroung.jpeg
deleted file mode 100644
index 197db02d..00000000
Binary files a/img/greenbackgroung.jpeg and /dev/null differ
diff --git a/style_.css b/style_.css
index 1a7f701f..9d9302a9 100644
--- a/style_.css
+++ b/style_.css
@@ -4,7 +4,7 @@
 body {
   /* background-image: linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.5)),url("./img/sunset.jpg"); */
  background: linear-gradient(#D8E3FF, white);
-  background-image: linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.5)),url("./img/greenbackgroung.jpeg");
+  background-image: linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.5)),url("./img/greenbackground.jpeg");
   background-size: cover;
   background-position: center;
   display: flex;
@@ -25,9 +25,7 @@ body {
       #44107a 29%,
       #ff1361 67%,
       #510134 100%);
-
   background-size: auto auto;
-
   background-clip: border-box;
   color: #fff;
   background-clip: text;
@@ -44,34 +42,30 @@ body {
   }
 }
 
-.container {
+ .container {
   display: flex;
   flex-direction: column;
   flex-basis: 100%;
   justify-content: center;
-  align-items: center;
-  margin: 0px;
+  align-items: center; 
+   margin: 0px;
   padding: 0px;
-  background:linear-gradient(#D8E3FF, white);
-}
+  /* background:linear-gradient(#D8E3FF, white);  */
+ }
 
 .glassmorphism-container {
+  margin-top: 30px;
   background: rgba(46, 123, 225, 0.1);
   backdrop-filter: blur(10px);
   /* border-radius: 15px; */
   background-size: cover;
-
   border-radius: 15px;
-
-
   padding: 20px;
   /* margin-top: 102px;
   margin-bottom: 23px; */
-
   text-align: center;
-  max-width: 800px;
+  max-width: 600px;
   width: 100%;
-
 }
 
 p {
@@ -436,22 +430,27 @@ p {
 }
 .sidebyside {
   display: grid;
-  grid-template-columns: 1fr 1fr; /* Corrected from 's: 1fr 1fr;' */
+  display: flex;
+  flex-direction: column;
+ /* Corrected from 's: 1fr 1fr;' */
   margin: 0 auto;
   min-height: 80vh;
   width: 80vw;
   gap:0em;
   scale:0.8;
-  box-shadow: 0 2px 4px grey;
-  margin-top: 102px;
-  margin-bottom: 23px;
+  /* box-shadow: 0 2px 4px grey; */
+  margin-top: 30px;
+  /* margin-bottom: 23px; */
   /* margin:105px; */
 }
 
-.sidebyside .image {
-  background: url(./img/feedback_img.jpg) ;
+.sidebyside   .image {
+  margin-top: 12px;
+  margin-left: 110px;
+  height: 320px;
+  width: 312px;
+  /* background: url(./img/feedback_img.jpg) ; */
   background-size: contain;
   background-repeat: no-repeat;
-  background-color: white;
-  background-position-y: center;
+  background-position: center;
 }
diff --git a/topdeals/bestdeal.jpg b/topdeals/bestdeal.jpg
new file mode 100644
index 00000000..1d4c1ca3
Binary files /dev/null and b/topdeals/bestdeal.jpg differ
diff --git a/topdeals/bestdeals.jpg b/topdeals/bestdeals.jpg
deleted file mode 100644
index b71d6536..00000000
Binary files a/topdeals/bestdeals.jpg and /dev/null differ
diff --git a/topdeals/topdeals.html b/topdeals/topdeals.html
index 45527780..2ac22c4d 100644
--- a/topdeals/topdeals.html
+++ b/topdeals/topdeals.html
@@ -18,7 +18,7 @@
     <style>
         body {
             font-family: Arial, sans-serif;
-            background: url("bestdeals.jpg");
+            background: url("bestdeal.jpg");
             margin: 0;
             padding: 20px;
             background-size: cover;
@@ -32,7 +32,9 @@
 
         .header {
             text-align: center;
-            margin-bottom: 40px;
+            display: flex;
+            justify-items: center;
+            margin-bottom: 60px;
         }
 
         .header h1 {
@@ -42,7 +44,7 @@
         }
 
         .header p {
-            font-size: 18px;
+            font-size: 20px;
             color: #0a0a0a;
             width: 800px;
             margin-left: 210px;