fix small widths

blog/voyager.html

@@ -113,6 +113,7 @@
           switches.
         </p>
         <img
+          class="media"
           src="/images/voyager-brightness.webp"
           alt="Brightness comparison of the Voyager's lighting at high and low brightness"
         />
@@ -176,17 +177,18 @@
           </li>
         </ul>
         <img
+          class="media"
           src="/images/oryx-full.webp"
           alt="Full screenshot of Oryx training"
         />
         <div class="flex m-t">
           <img
-            class="flexy-img"
+            class="flexy-img media"
             src="/images/oryx-line.webp"
             alt="Demonstration of Oryx training bug"
           />
           <img
-            class="flexy-img m-l"
+            class="flexy-img m-l media"
             src="/images/oryx-lightbug.webp"
             alt="Demonstration of Oryx training lightmode bug"
           />

style.css

@@ -25,6 +25,7 @@ body {
   max-width: 512px;
   display: block;
   margin: 16px 0;
+  width: 100%;
 }
 
 h3 {