diff --git a/src/_includes/author.liquid b/src/_includes/author.liquid
index 3de6ed33..431b75df 100644
--- a/src/_includes/author.liquid
+++ b/src/_includes/author.liquid
@@ -1,13 +1,7 @@
 <!--suppress ALL -->
 <div class="mt-12 py-8 border-t-2 flex flex-col md:flex-row justify-between items-center">
   <div class="flex flex-col mb-4 md:mb-0 md:flex-row items-center flex-1">
-    <div class="h-20 w-20">
-      <img
-        class="inline-block h-20 w-20 mr-2"
-        src="/assets/img/avatar.webp"
-        alt={{ site.name }}
-        loading="lazy" />
-    </div>
+    {% image './src/assets/img/avatar.webp', site.name, 'inline-block h-20 w-20 mr-2', '80px' %}
     <span class="text-lg font-medium">{{ site.name }}</span>
   </div>
   <p class="text-sm flex-1">{{ site.description }}</p>