diff --git a/new_index.html b/new_index.html
index 985b6f1..553896d 100644
--- a/new_index.html
+++ b/new_index.html
@@ -20,8 +20,11 @@
       <script src="/js/navbar.js"></script>
       <div id="menubar_logo">
         <picture>
-          <source srcset="/images/logo/full-20.jxl" type="image/jxl">
-          <source srcset="/images/logo/full-20.webp" type="image/webp">
+          <source media="(min-width: 270px)" srcset="/images/logo/full-20.jxl" type="image/jxl">
+          <source media="(min-width: 270px)" srcset="/images/logo/full-20.webp" type="image/webp">
+          <source media="(min-width: 270px)" srcset="/images/logo/full-20.png" type="image/png">
+          <source media="(max-width: 270px)" srcset="/images/logo/short-20.jxl" type="image/jxl">
+          <source media="(max-width: 270px)" srcset="/images/logo/short-20.png" type="image/png">
           <img src="/images/logo/full-20.png" alt="Fred Boniface logo">
         </picture>
       </div>