diff --git a/css/styles.css b/css/styles.css
index 30c657e..b56f8e0 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -530,20 +530,35 @@
       padding: 1rem;
     }
   
+    .profile-container {
+      margin-right: 10px; 
+      align-self: flex-start; 
+      margin-top: 5px;
+    }
+    
     .profile-pic {
-      width: 80px;
-      height: 80px;
-      border-radius: 50%;
-      object-fit: cover;
-      border: 3px solid var(--accent-color);
-      margin-right: 15px;
+        width: 60px;  
+        height: 60px; 
+        border-radius: 50%;
+        object-fit: cover;
+        border: 2px solid var(--accent-color);
+        display: block; 
     }
     
     .header-top {
         display: flex;
-        align-items: center;
+        align-items: flex-start;
         justify-content: space-between;
         padding: 10px 0;
+        gap: 15px; 
+        position: relative;
+    }
+    
+    .header-top h1 {
+        margin: 0;
+        flex-grow: 1;
+        line-height: 1.2; 
+        padding-top: 5px; 
     }
   
     .contact-links {
diff --git a/index.html b/index.html
index 1745ddf..9a2faf0 100644
--- a/index.html
+++ b/index.html
@@ -14,10 +14,12 @@
 <body>
     <header>
         <div class="header-top">
-            <div class="language-container">
-                <img src="img/zdjęcie.jpg" alt="Bartłomiej Piekarski" class="profile-pic">
+            <div class="profile-container">
+                <img src="img/profile.jpg" alt="Bartłomiej Piekarski" class="profile-pic">
             </div>
+            
             <h1>Bartłomiej Piekarski</h1>
+            
             <div class="language-container">
                 <a href="https://www.sykorax.eu/en.html" class="language-switch" title="English Version">
                     <img src="img/united-kingdom.png" width="32" height="32" class="flag-icon"/>
