diff --git a/src/components/NavHeader.astro b/src/components/NavHeader.astro
index b5cb378..3afa557 100644
--- a/src/components/NavHeader.astro
+++ b/src/components/NavHeader.astro
@@ -1,5 +1,5 @@
 ---
-import { Image } from "astro:assets";
+import { Picture } from "astro:assets";
 import pfp from "../img/sites/avatar.png";
 import Partition from "./Partition.astro";
 ---
@@ -8,9 +8,10 @@ import Partition from "./Partition.astro";
     class="rounded-2xl flex flex-col shadow-xl shadow-black py-8 mb-8 items-center backdrop-blur-3xl bg-center bg-[url('/static/img/sites/avatar-ht-f.webp')]"
     style="width: 670px; border: 1px solid var(--border);"
     >
-    <Image
+    <Picture
         src={pfp}
         class="size-40 rounded-full shadow shadow-black m-4"
+        formats={['avif', 'webp', 'jpeg']}
         alt="Arias's profile picture"
     />
     <div