diff --git a/_includes/masthead.html b/_includes/masthead.html
index cbc641d..c66976a 100644
--- a/_includes/masthead.html
+++ b/_includes/masthead.html
@@ -5,8 +5,12 @@
 {% endif %}
 
 <a href="https://trnck.dev">
-<img src="https://trnck.dev/assets/img/logo.png" class="circle mb-3 logo" style="max-width: 150px;">
+  <picture>
+    <source class="circle mb-3 logo" width="150" srcset="https://trnck.dev/assets/img/logo.avif" />
+    <img class="circle mb-3 logo" width="150" src="https://trnck.dev/assets/img/logo.png" alt="" />
+  </picture>
 </a>
+
 <h1 class="{% if site.style == 'dark' %}text-white{% endif %} mb-2 lh-condensed"><a href="{{ site.url }}{{ site.baseurl | append:'/' }}">{% if user.name %}{{ user.name }}{% else %}{{ user.login }}{% endif %}</a></h1>
 <p class="mb-3 f4 {% if site.style == 'dark' %}text-white{% else %}text-gray{% endif %}">
   {{ user.bio }}