fix: images in storia

src/pages/storia.astro

@@ -4,6 +4,8 @@ import BaseLayout from '../layouts/BaseLayout.astro'
 import Header from '../components/Header.astro'
 import Footer from '../components/Footer.astro'
 import Timeline from '../components/Timeline.astro'
+
+import imgPulizie from '@/assets/gallery/006-pulizie.jpg'
 ---
 
 <BaseLayout {...Astro.props} pageTags={'storia'}>
@@ -18,11 +20,12 @@ import Timeline from '../components/Timeline.astro'
                     progetto.
                 </p>
                 <img
+                    class="small flat"
                     src="https://media.tenor.com/MRCIli40TYoAAAAj/under-construction90s-90s.gif"
                     alt="Work in progress"
                 />
                 <p>
-                    Per delle note storiche un po' più dettagliate, si legga l'ottima pagine sul <a
+                    Per delle note storiche un po' più dettagliate, si legga l'ottima pagina sul <a
                         href="http://betti.dm.unipi.it/servizi/PHC.html">sito del dipartimento</a
                     >.
                 </p>
@@ -34,7 +37,7 @@ import Timeline from '../components/Timeline.astro'
                     Nel 2024, <strong>Luca Lombardo</strong> entra a far parte del PHC. Questo stesso anno vengono
                     effettuate delle grandi pulizie nella stanza del PHC, come non si faceva dal lontano 2006.
                 </p>
-                <img class="dropdown desktop-only" src="https://i.imgur.com/MA5q9dx.jpeg" alt="Logo" />
+                <img class="fill" src={imgPulizie.src} alt="pulizie phc" />
             </Timeline>
             <Timeline title="Tanti Francesco" year="2022">
                 <p>
@@ -70,7 +73,7 @@ import Timeline from '../components/Timeline.astro'
                 </p>
                 <!-- TODO: Pensare a come mostrare questa immagine su mobile -->
                 <img
-                    class="dropdown desktop-only"
+                    class="fill"
                     src="https://web.archive.org/web/20060609003904im_/http://poisson.phc.unipi.it/logo_studenti.orig.png"
                     alt="Logo"
                 />

src/styles/components.scss

@@ -551,12 +551,6 @@
             &.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/typography.scss

@@ -125,6 +125,27 @@
             }
         }
 
+        img {
+            display: block;
+            margin: 0 auto;
+
+            @include neo-brutalist-card(2px);
+
+            &.fill {
+                width: 100%;
+                max-width: 20rem;
+            }
+
+            &.small {
+                max-width: 5rem;
+            }
+
+            &.flat {
+                border: none;
+                box-shadow: none;
+            }
+        }
+
         p:first-child {
             margin-top: 0;
         }