diff --git a/assets/alok.jpg b/assets/alok.jpg
new file mode 100644
index 00000000..2e93ca8e
Binary files /dev/null and b/assets/alok.jpg differ
diff --git a/assets/eshanized.png b/assets/eshanized.png
new file mode 100644
index 00000000..3f1fe78e
Binary files /dev/null and b/assets/eshanized.png differ
diff --git a/assets/iconixed.jpg b/assets/iconixed.jpg
new file mode 100644
index 00000000..ca5498aa
Binary files /dev/null and b/assets/iconixed.jpg differ
diff --git a/assets/utkarsh.jpg b/assets/utkarsh.jpg
new file mode 100644
index 00000000..0f6f9bb7
Binary files /dev/null and b/assets/utkarsh.jpg differ
diff --git a/developers.css b/developers.css
index 021c73a3..52e24f6f 100644
--- a/developers.css
+++ b/developers.css
@@ -12,7 +12,7 @@ body {
   display: flex;
   justify-content: center;
   align-items: center;
-  background: #111;
+  background: url(./assets/background.png);
   transition: 0.5s;
   font-family: "Ubuntu", sans-serif;
   font-weight: 400;
@@ -20,13 +20,19 @@ body {
 }
 
 body:has(.box[data-color="clr1"]:hover) {
-  background: #754ffe;
+  background: url(./assets/eshanized.png);
+  background-repeat: no-repeat;
+  background-size: cover;
 }
 body:has(.box[data-color="clr2"]:hover) {
-  background: #301a15;
+  background: url(./assets/alok.jpg);
+  background-repeat: no-repeat;
+  background-size: cover;
 }
 body:has(.box[data-color="clr3"]:hover) {
-  background: #1b2a32;
+  background: url(./assets/iconixed.jpg);
+  background-repeat: no-repeat;
+  background-size: cover;
 }
 
 section {
diff --git a/developers.html b/developers.html
index 2eb9b440..1c970832 100644
--- a/developers.html
+++ b/developers.html
@@ -26,8 +26,8 @@
                     <img src="https://avatars.githubusercontent.com/u/112468319?v=4" alt="The Mummy"> 
                 </div> 
                 <div class="glass"> 
-                    <h3>The Mummy<br />
-                        <span>Undead</span>
+                    <h3>Alok Shah<br />
+                        <span>Web-Dev</span>
                     </h3> 
                     <ul> 
                         <a href="https://en.wikipedia.org/wiki/Mummy_(undead)" target="_blank"> <ion-icon name="globe-outline"></ion-icon> </a> 
@@ -36,11 +36,24 @@
             </div> 
             <div class="box" data-color="clr3"> 
                 <div class="imgBox"> 
-                    <img src="https://cdn.pixabay.com/photo/2023/09/21/13/32/ai-generated-8266689_1280.jpg" alt="Werewolf"> 
+                    <img src="https://avatars.githubusercontent.com/u/157954129?v=4" alt="Werewolf"> 
                 </div> 
                 <div class="glass"> 
-                    <h3>Werewolf<br />
-                        <span>Lycanthrope</span>
+                    <h3>Iconized<br />
+                        <span>Developer</span>
+                    </h3> 
+                    <ul> 
+                        <a href="https://en.wikipedia.org/wiki/Werewolf" target="_blank"> <ion-icon name="globe-outline"></ion-icon> </a> 
+                    </ul> 
+                </div> 
+            </div> 
+            <div class="box" data-color="clr3"> 
+                <div class="imgBox"> 
+                    <img src="https://avatars.githubusercontent.com/u/157954129?v=4" alt="Werewolf"> 
+                </div> 
+                <div class="glass"> 
+                    <h3>Utkarsh Gaur<br />
+                        <span>Developer</span>
                     </h3> 
                     <ul> 
                         <a href="https://en.wikipedia.org/wiki/Werewolf" target="_blank"> <ion-icon name="globe-outline"></ion-icon> </a>