diff --git a/blog/voyager.html b/blog/voyager.html
index d5447c7..d42e58a 100644
--- a/blog/voyager.html
+++ b/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"
           />
diff --git a/style.css b/style.css
index 98b74e3..dd8a115 100644
--- a/style.css
+++ b/style.css
@@ -25,6 +25,7 @@ body {
   max-width: 512px;
   display: block;
   margin: 16px 0;
+  width: 100%;
 }
 
 h3 {