adjusted gallery to scale down on mobile devices

src/lib/lists/gallery.svelte

@@ -95,8 +95,6 @@
     .gallery-title {
         font-family: var(--font-mono);
         font-weight: 700;
-        font-size: 1.4rem;
-        line-height: 2.0rem;
     }
 
     .gallery-subtitle, .gallery-description {
@@ -115,43 +113,43 @@
         background-color: var(--color-background-highlight);
         backdrop-filter: blur(var(--blur-radius-background));
     }
-    .gallery-container:hover .gallery-img, .gallery-container:hover .gallery-img-placeholder {
-        /* filter: grayscale(0%); */
-        /* margin-left: 8px; */
-        width: 260px;
-    }
-    .gallery-container:hover .gallery-text-container {
-        /* padding-right: 8px; */
-        grid-template-rows: 0fr 1fr 1fr;
-    }
     .gallery-container:hover p {
         color: var(--color-highlight);
     }
+
+    @media screen and (min-width: 800px) {
+        .gallery-title {
+            font-size: 1.4rem;
+            line-height: 2.0rem;
+        }
+
+        .gallery-container:hover .gallery-img, .gallery-container:hover .gallery-img-placeholder {
+            width: 260px;
+        }
+
+        .gallery-container:hover .gallery-text-container {
+            grid-template-rows: 0fr 1fr 1fr;
+        }
+
         .gallery-container:hover .gallery-subtitle {
             opacity: 0;
             
         }
+
         .gallery-container:hover .gallery-description {
             opacity: 1;
         }
-
-    @media screen and (max-width: 700px) {
-        /* .gallery-title {
-            font-size: 1.0rem;
-            line-height: 1.1rem;
     }
-        .gallery-subtitle {
+    @media screen and (max-width: 800px) {
-            font-size: 0.9rem;
-            line-height: 1.1rem;
-        } */
-    }
-
-    @media screen and (max-width: 500px) {
         .gallery-title {
             font-size: 1.0rem;
             line-height: 1.1rem;
         }
 
+        .gallery-description {
+            display: none;
+        }
+
         .gallery-subtitle {
             font-size: 0.8rem;
             line-height: 1rem;
@@ -159,7 +157,7 @@
         }
         
         .gallery-container {
-            height: 64px;
+            height: 72px;
         }
 
         .gallery-text-container {
@@ -167,8 +165,8 @@
         }
         
         .gallery-img, .gallery-img-placeholder {
-            width: 100px;
+            width: 110px;
-            min-width: 100px;
+            min-width: 110px;
         }
     }
 </style>