fix all the things before deploying

src/styles/components.scss

@@ -555,6 +555,12 @@
             &.dimmed {
                 color: color-mix(in srgb, var(--card-base-internal), #000 50%);
             }
+
+            img {
+                max-width: 4rem;
+                // non cambiare che ci sta l'immagine spastica quella nella storia
+                margin: 0 auto;
+            }
         }
 
         & > .tags {

src/styles/main.scss

@@ -158,7 +158,7 @@ body {
 
                 align-content: start;
 
-                width: 20rem;
+                width: calc(100vw - 3rem);
                 max-width: 100%;
 
                 gap: 1.5rem;

src/styles/typography.scss

@@ -172,6 +172,18 @@
             }
         }
 
+        blockquote {
+            margin: 1rem auto;
+            padding: 0.5rem 1rem;
+
+            border-left: 0.25rem solid #0006;
+            background: color-mix(in lab, var(--card-base-internal, #ededed), #fff 35%);
+
+            p {
+                margin: 0;
+            }
+        }
+
         @media screen and (max-width: $screen-desktop-min) {
             & > * {
                 margin: 0 0.75rem;