diff --git a/public/img/avatars/arispacegirl.avif b/public/img/avatars/arispacegirl.avif
new file mode 100644
index 0000000..e512881
Binary files /dev/null and b/public/img/avatars/arispacegirl.avif differ
diff --git a/public/img/avatars/arispacegirl.jpg b/public/img/avatars/arispacegirl.jpg
deleted file mode 100644
index bf18f15..0000000
Binary files a/public/img/avatars/arispacegirl.jpg and /dev/null differ
diff --git a/public/img/avatars/karakara.avif b/public/img/avatars/karakara.avif
new file mode 100644
index 0000000..a5a7c74
Binary files /dev/null and b/public/img/avatars/karakara.avif differ
diff --git a/public/img/avatars/karakara.png b/public/img/avatars/karakara.png
deleted file mode 100644
index d6f8053..0000000
Binary files a/public/img/avatars/karakara.png and /dev/null differ
diff --git a/public/img/avatars/loudar.avif b/public/img/avatars/loudar.avif
new file mode 100644
index 0000000..173d50c
Binary files /dev/null and b/public/img/avatars/loudar.avif differ
diff --git a/public/img/avatars/loudar.jpg b/public/img/avatars/loudar.jpg
deleted file mode 100644
index a8be834..0000000
Binary files a/public/img/avatars/loudar.jpg and /dev/null differ
diff --git a/public/img/avatars/vimae.avif b/public/img/avatars/vimae.avif
new file mode 100644
index 0000000..ef2d2af
Binary files /dev/null and b/public/img/avatars/vimae.avif differ
diff --git a/public/img/avatars/vimae.jpg b/public/img/avatars/vimae.jpg
deleted file mode 100644
index 385a7c9..0000000
Binary files a/public/img/avatars/vimae.jpg and /dev/null differ
diff --git a/public/img/avatars/zaire.avif b/public/img/avatars/zaire.avif
new file mode 100644
index 0000000..86f6325
Binary files /dev/null and b/public/img/avatars/zaire.avif differ
diff --git a/public/img/avatars/zaire.jpg b/public/img/avatars/zaire.jpg
deleted file mode 100644
index bfde9fd..0000000
Binary files a/public/img/avatars/zaire.jpg and /dev/null differ
diff --git a/public/img/projects/campfire.avif b/public/img/projects/campfire.avif
new file mode 100644
index 0000000..7f94722
Binary files /dev/null and b/public/img/projects/campfire.avif differ
diff --git a/public/img/projects/campfire.png b/public/img/projects/campfire.png
deleted file mode 100644
index e3e81a3..0000000
Binary files a/public/img/projects/campfire.png and /dev/null differ
diff --git a/public/index.html b/public/index.html
index b52fd80..ce51703 100644
--- a/public/index.html
+++ b/public/index.html
@@ -52,7 +52,7 @@
 
                 <div id="crew-list">
                     <div class="crew-item">
-                        <img src="/img/avatars/arispacegirl.jpg" alt="ari melody photo" class="avatar" width=64 height=64>
+                        <img src="/img/avatars/arispacegirl.avif" alt="ari melody photo" class="avatar" width=64 height=64>
                         <div class="crew-info">
                             <h3>ari</h3>
                             <p><a href="https://arimelody.space" class="handle">@arispacegirl</a></p>
@@ -65,7 +65,7 @@
                         </div>
                     </div>
                     <div class="crew-item">
-                        <img src="/img/avatars/vimae.jpg" alt="vimae photo" class="avatar" width=64 height=64>
+                        <img src="/img/avatars/vimae.avif" alt="vimae photo" class="avatar" width=64 height=64>
                         <div class="crew-info">
                             <h3>mae</h3>
                             <p><a href="https://mae.wtf" class="handle">@vimae</a></p>
@@ -78,7 +78,7 @@
                         </div>
                     </div>
                     <div class="crew-item">
-                        <img src="/img/avatars/zaire.jpg" alt="claire photo" class="avatar" width=64 height=64>
+                        <img src="/img/avatars/zaire.avif" alt="claire photo" class="avatar" width=64 height=64>
                         <div class="crew-info">
                             <h3>claire</h3>
                             <p><a href="https://supitszaire.com" class="handle">@zaire</a></p>
@@ -91,7 +91,7 @@
                         </div>
                     </div>
                     <div class="crew-item">
-                        <img src="/img/avatars/karakara.png" alt="julia photo" class="avatar" width=64 height=64>
+                        <img src="/img/avatars/karakara.avif" alt="julia photo" class="avatar" width=64 height=64>
                         <div class="crew-info">
                             <h3>julia</h3>
                             <p><a href="https://insertdomain.name" class="handle">@karakara</a></p>
@@ -103,7 +103,7 @@
                         </div>
                     </div>
                     <div class="crew-item">
-                        <img src="/img/avatars/loudar.jpg" alt="alex photo" class="avatar" width=64 height=64>
+                        <img src="/img/avatars/loudar.avif" alt="alex photo" class="avatar" width=64 height=64>
                         <div class="crew-info">
                             <h3>alex</h3>
                             <p><a href="https://illegal.trading" class="handle">@loudar</a></p>
@@ -126,7 +126,7 @@
                 <div id="project-list">
                     <div class="project-item">
                         <div class="project-item-banner">
-                            <img src="/img/projects/campfire.png" alt="screenshot of the campfire timeline" width=256>
+                            <img src="/img/projects/campfire.avif" alt="screenshot of the campfire timeline" width=256>
                         </div>
                         <div class="project-info">
                             <h3>campfire</h3>