diff --git a/CSS/characters.css b/CSS/characters.css
index d86d62c..e344ecd 100644
--- a/CSS/characters.css
+++ b/CSS/characters.css
@@ -9,8 +9,9 @@ body {
     flex-direction: column;
     justify-content: center;
     background-image: url(../images/background/background_characters.jpeg);
-    background-size: cover;
-    background-repeat: no-repeat repeat;
+    background-position: top;
+    background-size: 400px;
+    background-repeat: repeat repeat;
     padding: 0;
     margin: 0;
 }
@@ -62,7 +63,10 @@ body {
 
 .header_right a:hover {
     color: rgb(255, 0, 0);
-    text-shadow: 1px 1px 5px rgba(255, 255, 255, 0.7);
+    background-color: rgba(255, 255, 255, 0.3);
+    border-radius: 5px;
+    padding: 5px;
+    transform: scale(1.1);
 }
 
 .header_icons {
@@ -95,6 +99,10 @@ body {
     height: 200px;
 }
 
+.logo img:hover {
+    transform: scale(1.1);
+}
+
 .crew-name{
     align-self: center;
     color: rgba(255, 255, 255, 0.8);
diff --git a/CSS/contact.css b/CSS/contact.css
index 3d65f39..b78dfba 100644
--- a/CSS/contact.css
+++ b/CSS/contact.css
@@ -9,10 +9,10 @@ body {
     display: flex;
     flex-direction: column;
     justify-content: center;
-    background-image: url(../images/background/background_index.jpg);
-    background-position: center;
-    background-size: cover;
-    background-repeat: no-repeat repeat;
+    background-image: url(../images/background/background_contact.jpeg);
+    background-position: top;
+    background-size: 400px;
+    background-repeat: repeat repeat;
     padding: 0;
     margin: 0;
 }
@@ -65,7 +65,10 @@ body {
 
 .header_right a:hover {
     color: rgb(255, 0, 0);
-    text-shadow: 1px 1px 5px rgba(255, 255, 255, 0.7);
+    background-color: rgba(255, 255, 255, 0.3);
+    border-radius: 5px;
+    padding: 5px;
+    transform: scale(1.1);
 }
 
 .header_icons {
@@ -97,7 +100,11 @@ body {
 .logo img {
     height: 200px;
 }
-  
+
+.logo img:hover {
+    transform: scale(1.1);
+}
+
 /* 2nd part */
 .blackboard {
     position: relative;
diff --git a/CSS/gallery.css b/CSS/gallery.css
index fa32fb5..eec2ad1 100644
--- a/CSS/gallery.css
+++ b/CSS/gallery.css
@@ -9,10 +9,10 @@ body {
     display: flex;
     flex-direction: column;
     justify-content: center;
-    background-image: url(../images/background/background_gallery.jpg);
-    background-position: center;
-    background-size: cover;
-    background-repeat: no-repeat repeat;
+    background-image: url(../images/background/background_gallery.jpeg);
+    background-position: top;
+    background-size: 400px;
+    background-repeat: repeat repeat;
     padding: 0;
     margin: 0;
 }
@@ -64,7 +64,10 @@ body {
 
 .header_right a:hover {
     color: rgb(255, 0, 0);
-    text-shadow: 1px 1px 5px rgba(255, 255, 255, 0.7);
+    background-color: rgba(255, 255, 255, 0.3);
+    border-radius: 5px;
+    padding: 5px;
+    transform: scale(1.1);
 }
 
 .header_icons {
@@ -97,6 +100,10 @@ body {
     height: 200px;
 }
 
+.logo img:hover {
+    transform: scale(1.1);
+}
+
 /* 2nd part */
 .gallery {
     display: flex;
diff --git a/CSS/index.css b/CSS/index.css
index d70093c..0704a78 100644
--- a/CSS/index.css
+++ b/CSS/index.css
@@ -43,8 +43,8 @@ body {
 }
 
 .header_left span:hover {
-    color: rgba(255, 255, 255, 0.775);
-    text-shadow: 2px 2px rgb(255, 0, 0);
+    color: rgb(255, 255, 255);
+    text-shadow: 2px 2px rgba(255, 0, 0);
 }
 
 .header_right {
@@ -65,7 +65,10 @@ body {
 
 .header_right a:hover {
     color: rgb(255, 0, 0);
-    text-shadow: 1px 1px 5px rgba(255, 255, 255, 0.7);
+    background-color: rgba(255, 255, 255, 0.3);
+    border-radius: 5px;
+    padding: 5px;
+    transform: scale(1.1);
 }
 
 .header_icons {
@@ -98,6 +101,10 @@ body {
     height: 200px;
 }
 
+.logo img:hover {
+    transform: scale(1.1);
+}
+
 /* 2nd part */
 .basic_info {
     display: flex;
@@ -178,6 +185,8 @@ body {
 
 .button:hover {
     background-color: rgba(255, 0, 0, 0.5);
+    padding: 10px;
+    transform: scale(1.1);
 }
 
 .button:active {
@@ -200,6 +209,19 @@ body {
     flex-wrap: wrap;
 }
 
+.imageBox:hover {
+    position: relative;
+    transform: scale(1.01);
+}
+
+.imageBox .watch:hover {
+    background-color: rgba(255, 255, 255, 0.5);
+    border-radius: 5px;
+    padding: 5px;
+    transform: scale(1.1);
+    box-shadow: 2px 2px 10px rgb(6, 6, 6, 0.5);
+}
+
 .imageBox a {
     position: relative;
 }
diff --git a/CSS/plot.css b/CSS/plot.css
index 145ea70..f11cba9 100644
--- a/CSS/plot.css
+++ b/CSS/plot.css
@@ -7,8 +7,10 @@ body {
   display: flex;
   flex-direction: column;
   justify-content: center;
-  background-image: url(../images/background/background_plot.jpg);
+  background-image: url(../images/background/background_plot.jpeg);
   background-position: top;
+  background-size: 400px;
+  background-repeat: repeat repeat;
   padding: 0;
   margin: 0;
 }
@@ -60,7 +62,10 @@ body {
 
 .header_right a:hover {
   color: rgb(255, 0, 0);
-  text-shadow: 1px 1px 5px rgba(255, 255, 255, 0.7);
+  background-color: rgba(255, 255, 255, 0.3);
+  border-radius: 5px;
+  padding: 5px;
+  transform: scale(1.1);
 }
 
 .header_icons {
@@ -93,6 +98,10 @@ body {
   height: 200px;
 }
 
+.logo img:hover {
+  transform: scale(1.1);
+}
+
 /* table of contents part */
 .toc-wrapper {
   background: #fff;
@@ -231,17 +240,14 @@ body {
 
 .content_of_plot h1{
   font-size: 300%;
-  color: rgba(0, 0, 0);
 }
 
 .content_of_plot h2{
   font-size: 250%;
-  color: rgb(0, 94, 255);
 }
 
 .content_of_plot h3{
   font-size: 200%;
-  color: rgb(0, 255, 149);
 }
 
 .content_of_plot h1:not(:hover),
diff --git a/images/background/background_characters.jpeg b/images/background/background_characters.jpeg
index 065d928..222e5ce 100644
Binary files a/images/background/background_characters.jpeg and b/images/background/background_characters.jpeg differ
diff --git a/images/background/background_contact.jpeg b/images/background/background_contact.jpeg
new file mode 100644
index 0000000..027d98e
Binary files /dev/null and b/images/background/background_contact.jpeg differ
diff --git a/images/background/background_gallery.jpeg b/images/background/background_gallery.jpeg
new file mode 100644
index 0000000..780ae7d
Binary files /dev/null and b/images/background/background_gallery.jpeg differ
diff --git a/images/background/background_gallery.jpg b/images/background/background_gallery.jpg
deleted file mode 100644
index b305898..0000000
Binary files a/images/background/background_gallery.jpg and /dev/null differ
diff --git a/images/background/background_plot.jpeg b/images/background/background_plot.jpeg
new file mode 100644
index 0000000..aaa42d4
Binary files /dev/null and b/images/background/background_plot.jpeg differ
diff --git a/images/background/background_plot.jpg b/images/background/background_plot.jpg
deleted file mode 100644
index 5139886..0000000
Binary files a/images/background/background_plot.jpg and /dev/null differ
diff --git a/index.html b/index.html
index a550b8e..582811d 100644
--- a/index.html
+++ b/index.html
@@ -75,7 +75,7 @@
                     <img src="./images/Icons/play_icon.png" alt="Default Image">
                 </div>
             </a>
-            <a href="https://youtu.be/DNC28dpB9_Y?si=YM7y2SNWoTILhJ_C" style="text-decoration: none;"><span
+            <a href="https://youtu.be/DNC28dpB9_Y?si=YM7y2SNWoTILhJ_C" style="text-decoration: none;" class="watch"><span
                     class="imageText">Watch Trailer</span></a>
         </div>
     </div>