diff --git a/public/favicon.png b/public/favicon.png
index bc834fd..eec0a5b 100644
Binary files a/public/favicon.png and b/public/favicon.png differ
diff --git a/src/assets/banner_website.avif b/src/assets/banner_website.avif
new file mode 100644
index 0000000..35941d2
Binary files /dev/null and b/src/assets/banner_website.avif differ
diff --git a/src/assets/banner_website.png b/src/assets/banner_website.png
deleted file mode 100644
index 21739a0..0000000
Binary files a/src/assets/banner_website.png and /dev/null differ
diff --git a/src/assets/banner_website.png.old b/src/assets/banner_website.png.old
deleted file mode 100644
index a210828..0000000
Binary files a/src/assets/banner_website.png.old and /dev/null differ
diff --git a/src/assets/old_profile.png b/src/assets/old_profile.png
deleted file mode 100644
index bc834fd..0000000
Binary files a/src/assets/old_profile.png and /dev/null differ
diff --git a/src/assets/profile.jpeg b/src/assets/profile.jpeg
deleted file mode 100644
index 5115f6e..0000000
Binary files a/src/assets/profile.jpeg and /dev/null differ
diff --git a/src/assets/profile.jpg b/src/assets/profile.jpg
new file mode 100644
index 0000000..222c066
Binary files /dev/null and b/src/assets/profile.jpg differ
diff --git a/src/assets/profile.png b/src/assets/profile.png
deleted file mode 100644
index d872e59..0000000
Binary files a/src/assets/profile.png and /dev/null differ
diff --git a/src/assets/profile_circle.jpeg b/src/assets/profile_circle.jpeg
deleted file mode 100644
index 4501b26..0000000
Binary files a/src/assets/profile_circle.jpeg and /dev/null differ
diff --git a/src/assets/profile_circle.png b/src/assets/profile_circle.png
deleted file mode 100644
index 8218b6e..0000000
Binary files a/src/assets/profile_circle.png and /dev/null differ
diff --git a/src/views/HomePage.vue b/src/views/HomePage.vue
index 729b1aa..cf9c79b 100644
--- a/src/views/HomePage.vue
+++ b/src/views/HomePage.vue
@@ -1,7 +1,7 @@
 <template>
   <header>
     <a class="pfp" href="https://www.pixiv.net/en/artworks/118037520">
-      <img src="@/assets/profile.png"/> 
+      <img src="@/assets/profile.jpg"/> 
     </a> 
     <h1>Keyemail</h1>
   </header>
@@ -16,7 +16,7 @@ header {
   display: flex;
   align-items: center;
   margin-top: 20px;
-  background-image: url(@/assets/banner_website.png);
+  background-image: url(@/assets/banner_website.avif);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center 20%;
@@ -56,7 +56,7 @@ header h1 {
   flex-direction: column;
   justify-content: center;
   align-items: center;
-  margin-top: 90px;
+  margin: 90px 0;
   width: 100%;
   color: white;
   font-family: 'Rubik', sans-serif;
@@ -82,11 +82,17 @@ header h1 {
     height: 240px;
     justify-content: center;
   }
+  header h1 {
+    margin-left: 0px;
+  }
   .intro h1 {
     font-size: 3rem;
   }
   .intro p {
     font-size: 1.8rem;
   }
+  .pfp{
+    margin-left: 0px;
+  } 
 }
 </style>