From c4cb05e1423122f6aa866d80832fe463aa4a7265 Mon Sep 17 00:00:00 2001
From: AdrianoDev <adrianodalpastro@gmail.com>
Date: Thu, 2 Jul 2026 01:16:32 +0200
Subject: [PATCH] fix: immagine sezione about a risoluzione adeguata
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

about-team-group.jpg (270×480) vincolato a max-width 320px per evitare
stiramento a 50vw (~650px). widths ridotto a [270], sizes="270px".

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 src/pages/about.astro | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/pages/about.astro b/src/pages/about.astro
index fa8497e..1cfd76f 100644
--- a/src/pages/about.astro
+++ b/src/pages/about.astro
@@ -53,8 +53,8 @@ export const prerender = true;
           <p>InsanityLab nasce con l'obiettivo di unire fitness e salute in un unico percorso dedicato al benessere globale, superando il concetto tradizionale di palestra. Un laboratorio esclusivo, guidato da osteopati e chinesiologi e professionisti specializzati, dove movimento, prevenzione e performance convivono all'interno di un approccio personalizzato e consapevole.</p>
         </div>
         {imgOf('about-team-group') && (
-          <div class="about-img-row__img">
-            <Image src={imgOf('about-team-group')!} alt="Team InsanityLab" widths={[600, 900]} sizes="(max-width:767px) 100vw, 50vw" />
+          <div class="about-img-row__img about-img-row__img--native">
+            <Image src={imgOf('about-team-group')!} alt="Team InsanityLab" widths={[270]} sizes="270px" />
           </div>
         )}
       </div>
@@ -149,6 +149,7 @@ export const prerender = true;
   .about-img-row--reverse { direction: rtl; }
   .about-img-row--reverse > * { direction: ltr; }
   .about-img-row__img img { width: 100%; height: auto; display: block; }
+  .about-img-row__img--native { max-width: 320px; margin: 0 auto; }
   .conv { max-width: 760px; margin: 0 auto 30px; display: grid; gap: 18px; padding-left: 20px; }
   .conv__cta { text-align: center; font-family: var(--font-heading); letter-spacing: .06em; }
   .tgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; }