diff --git a/src/pages/friends.astro b/src/pages/friends.astro
index 729c50a..cd7b918 100644
--- a/src/pages/friends.astro
+++ b/src/pages/friends.astro
@@ -15,7 +15,7 @@ const description = "Awesome people I know from the interwebs";
     <div class="grid xl:grid-cols-6 xl:gap-6 grid-cols-4 gap-4">
       { FRIENDS.map((friend) => (
         <a href={friend.link} target="_blank" rel="noopener noreferrer">
-          <img loading="lazy" decoding="async" data-nimg="1" src=`/badges/${friend.badge}` />
+          <img loading="lazy" decoding="async" data-nimg="1" style="image-rendering: pixelated" src=`/badges/${friend.badge}` />
         </a>
       )) }
     </div>
@@ -25,7 +25,7 @@ const description = "Awesome people I know from the interwebs";
     <Title title="My badge" description="Consider adding my badge to your side :D" size="lg" />
 
     <div class="flex flex-col gap-4">
-      <img loading="lazy" decoding="async" data-nimg="1" src="/badges/me.gif" height="31" width="88" />
+      <img loading="lazy" decoding="async" data-nimg="1" style="image-rendering: pixelated" src="/badges/me.gif" height="31" width="88" />
 
       <Code code=`<img src="https://isabelroses.com/static/badges/me.gif" alt="isabel roses" width="88" height="31" />` lang="html" />
     </div>