diff --git a/css/shim.css b/css/shim.css
index dae9813..1319ecf 100644
--- a/css/shim.css
+++ b/css/shim.css
@@ -25,5 +25,6 @@ img {
 
 .conversation-picture {
   flex: 1;
-  max-width: calc((70rem - 2rem)/6);
+  min-width: 9rem;
+  max-width: calc(((70rem - 2rem)/6));
 }
diff --git a/templates/mara.rs.html b/templates/mara.rs.html
index a8f69a3..3161cd6 100644
--- a/templates/mara.rs.html
+++ b/templates/mara.rs.html
@@ -1,7 +1,8 @@
 @(mood: &str, character: &str, message: Html<String>)
 <div class="conversation">
-    <div class="conversation-picture"
+    <div class="conversation-picture">
         <picture>
+            <source srcset="https://cdn.christine.website/file/christine-static/stickers/@character.to_lowercase()/@(mood).avif" type="image/avif">
             <source srcset="https://cdn.christine.website/file/christine-static/stickers/@character.to_lowercase()/@(mood).webp" type="image/webp">
             <img src="https://cdn.christine.website/file/christine-static/stickers/@character.to_lowercase()/@(mood).png" alt="@character is @mood">
         </picture>