From f7488934f246c08b3c8d42b69303b1eeafac2818 Mon Sep 17 00:00:00 2001
From: BuyMyMojo <hello@buymymojo.net>
Date: Fri, 20 Dec 2024 12:59:59 +1100
Subject: [PATCH] feat(NavHeader): Supply client with avif, webp, jpeg and png
 options for profile picture

---
 src/components/NavHeader.astro | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

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