diff --git a/templates/receipt.html.tera b/templates/receipt.html.tera
index e48bb8b..4f53905 100644
--- a/templates/receipt.html.tera
+++ b/templates/receipt.html.tera
@@ -1,6 +1,19 @@
 {% extends "base" %} {% block head %}
 <title>Receipt: ${{ amount }} at {{ vendor }}</title>
 <style>
+  .photo {
+    max-width: 100%;
+  }
+
+  .photo img {
+    max-width: 100%;
+  }
+
+  .photo iframe {
+    width: 100%;
+    aspect-ratio: 8.5 / 11;
+  }
+
   @media screen and (min-width: 900px) {
     article {
       display: flex;
@@ -14,15 +27,6 @@
     .photo {
       flex-grow: 1;
     }
-
-    .photo img {
-      max-width: 100%;
-    }
-
-    .photo iframe {
-      width: 100%;
-      aspect-ratio: 8.5 / 11;
-    }
   }
 </style>
 {% endblock %} {% block main %}