diff --git a/images/headers/index/face-100.webp b/images/headers/index/face-100.webp
deleted file mode 100644
index 49fa9fd..0000000
Binary files a/images/headers/index/face-100.webp and /dev/null differ
diff --git a/images/headers/index/face-150.webp b/images/headers/index/face-150.webp
deleted file mode 100644
index 5b02690..0000000
Binary files a/images/headers/index/face-150.webp and /dev/null differ
diff --git a/images/headers/index/face-200.jpg b/images/headers/index/face-200.jpg
new file mode 100644
index 0000000..1efd368
Binary files /dev/null and b/images/headers/index/face-200.jpg differ
diff --git a/images/headers/index/face-200.jxl b/images/headers/index/face-200.jxl
new file mode 100644
index 0000000..a63368a
Binary files /dev/null and b/images/headers/index/face-200.jxl differ
diff --git a/images/headers/index/face-200.webp b/images/headers/index/face-200.webp
new file mode 100644
index 0000000..404c033
Binary files /dev/null and b/images/headers/index/face-200.webp differ
diff --git a/images/headers/index/face-500.jpg b/images/headers/index/face-500.jpg
new file mode 100644
index 0000000..813d5eb
Binary files /dev/null and b/images/headers/index/face-500.jpg differ
diff --git a/images/headers/index/face-500.jxl b/images/headers/index/face-500.jxl
new file mode 100644
index 0000000..9360676
Binary files /dev/null and b/images/headers/index/face-500.jxl differ
diff --git a/images/headers/index/face-500.webp b/images/headers/index/face-500.webp
new file mode 100644
index 0000000..68dcd4b
Binary files /dev/null and b/images/headers/index/face-500.webp differ
diff --git a/images/headers/index/face-600.webp b/images/headers/index/face-600.webp
deleted file mode 100644
index b9614ff..0000000
Binary files a/images/headers/index/face-600.webp and /dev/null differ
diff --git a/page-blocks/head-img.php b/page-blocks/head-img.php
index f6ba43f..21222c4 100644
--- a/page-blocks/head-img.php
+++ b/page-blocks/head-img.php
@@ -3,8 +3,13 @@
 <?php 
 if (strcmp($page_title, 'home') == 0){
   echo '<picture id="header_face">';
-  echo '<source srcset="/images/headers/index/face-150.webp" type="image/webp">';
-  echo '<img src="/images/headers/index/face-100.webp" alt="Face image">';
+  echo '<source media="(max-width:600px)" srcset="/images/headers/index/face-200.jxl" type="image/jxl">';
+  echo '<source media="(max-width:600px)" srcset="/images/headers/index/face-200.webp" type="image/webp">';
+  echo '<source media="(max-width:600px)" srcset="/images/headers/index/face-200.jpg" type="image/jpeg">';
+  echo '<source srcset="/images/headers/index/face-500.jxl" type="image/jxl">';
+  echo '<source srcset="/images/headers/index/face-500.webp" type="image/webp">';
+  echo '<source srcset="/images/headers/index/face-500.jpg" type="image/jpeg">';
+  echo '<img src="/images/headers/index/face-500.jpg" alt="Face image">';
   echo '</picture>';
 } ?> <!-- Moved from separate include to inline -->
         <h1><?php echo ucwords($page_title); ?></h1>