Mobile responsive thanks ai slop

frontend/app/pages/blog/[slug].vue

@@ -60,13 +60,15 @@ useSeo({
         a {
             text-decoration: none;
             color: var(--color-text);
-        }   
+        }
     }
 
     img {
         margin: auto;
-        display: flex;
+        display: block;
         max-height: 400px;
+        width: 100%;
+        object-fit: contain;
     }
 }
 
@@ -77,32 +79,19 @@ useSeo({
   margin-bottom: 16px;
   line-height: 1.3;
 }
-</style>
 
-<style lang="scss">
-.no-sprite .undertable-wrapper {
-  display: none;
-}
-</style>
-
-<style lang="scss">
-.blog {
-    h2 {
-        a {
-            text-decoration: none;
-            color: var(--color-text);
-        }   
+@media screen and (max-width: 600px) {
+    .blog {
+        img {
+            max-height: 250px;
+        }
     }
 
-    img {
-        margin: auto;
-        display: flex;
-        max-height: 400px;
+    .blog-post-title {
+        font-size: 1.4rem;
     }
 }
-</style>
 
-<style lang="scss">
 .no-sprite .undertable-wrapper {
   display: none;
 }