Change photo gallery style on mobile devices

src/pages/notes/carefree-mountain.astro

@@ -90,6 +90,17 @@ import NoteMetadata from '../../components/NoteMetadata.astro'
     gap: 10px;
   }
 
+  @media screen and (max-width: 800px) {
+    .firstPhotoGroup {
+      grid-template-rows: 450px 450px 450px;
+      grid-template-columns: 1fr;
+      grid-template-areas:
+        "first"
+        "second"
+        "third";
+    }
+  }
+
   .firstPhotoGroup > div {
     position: relative;
   }