diff --git a/img/contactBg.jpg b/img/contactBg.jpg
deleted file mode 100644
index 0ae47f8..0000000
Binary files a/img/contactBg.jpg and /dev/null differ
diff --git a/img/headerBg.jpg b/img/headerBg.jpg
deleted file mode 100644
index 68e87b9..0000000
Binary files a/img/headerBg.jpg and /dev/null differ
diff --git a/img/profile_image.png b/img/profile_image.png
new file mode 100644
index 0000000..5807442
Binary files /dev/null and b/img/profile_image.png differ
diff --git a/index.html b/index.html
index fabba43..4fc2ce5 100644
--- a/index.html
+++ b/index.html
@@ -100,7 +100,10 @@ <h1 class="headline">Ismail<br />Courr</h1>
         </ul>
         <img src="img/image_geometry_2.svg" alt="seperator" />
       </div>
-      <div class="background_img"></div>
+      <div class="headline_img">
+        <div class="background_img"></div>
+        <img src="img/profile_image.png" alt="profile image" class="profile_img" />
+      </div>
     </section>
 
     <!-- Projects section -->
diff --git a/style.css b/style.css
index 173a991..3ef9a14 100644
--- a/style.css
+++ b/style.css
@@ -436,11 +436,15 @@ body {
 
 .project_img {
   width: 100%;
+  border-top-left-radius: 9px;
+  border-top-right-radius: 9px;
 }
 
 .project_body {
   background-color: #1a2236;
   padding: 20px;
+  border-bottom-left-radius: 9px;
+  border-bottom-right-radius: 9px;
 }
 
 .project_name {
@@ -890,12 +894,30 @@ codersrank-education {
     align-items: flex-start;
   }
 
-  .background_img {
-    background-image: url(img/desctop_background\ 1.svg);
-    background-repeat: no-repeat;
-    background-position: top right;
-    background-size: cover;
+  .headline_img {
     flex-basis: 100%;
+    position: relative;
+  }
+
+  .background_img {
+    background-image: linear-gradient(to bottom right, rgb(0, 255, 225), rgb(205, 6, 255));
+    opacity: 0.5;
+    z-index: 20;
+    width: 100% !important;
+    height: 100% !important;
+    position: absolute;
+    border-top-left-radius: 10px;
+    border-bottom-right-radius: 10px;
+  }
+
+  .profile_img {
+    position: absolute;
+    top: -30px;
+    height: 100% !important;
+    width: 100% !important;
+    display: block !important;
+    border-top-left-radius: 10px;
+    border-bottom-right-radius: 10px;
   }
 
   .headline {