From b06a036cc4a8f74854a415a0ca076bc0c5a4f8cc Mon Sep 17 00:00:00 2001
From: Felix Icaza <fx.joliett17@gmail.com>
Date: Fri, 30 Aug 2024 19:11:08 -0600
Subject: [PATCH] style: update latam-airlines image and fix padding for mobile

---
 src/pages/_Sections/StudyCases/StudyCases.astro | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/pages/_Sections/StudyCases/StudyCases.astro b/src/pages/_Sections/StudyCases/StudyCases.astro
index 0aa1ca1..2582a5c 100644
--- a/src/pages/_Sections/StudyCases/StudyCases.astro
+++ b/src/pages/_Sections/StudyCases/StudyCases.astro
@@ -16,21 +16,20 @@ import { t } from 'i18n:astro';
     <p>
       {t('study_case_desc')}
     </p>
-    <picture style="aspect-ratio: 512/228">
-      <source srcset="/img/home/latam-airlines-1.avif" type="image/avif" />
-      <source srcset="/img/home/latam-airlines-1.webp" type="image/webp" />
+    <picture style="aspect-ratio: 523/227">
+      <source srcset="/img/home/latam-airlines-1.avif?v=1" type="image/avif" />
+      <source srcset="/img/home/latam-airlines-1.webp?v=1" type="image/webp" />
       <img
         class="logo-img"
-        src="/img/home/latam-airlines-1.webp"
+        src="/img/home/latam-airlines-1.webp?v=1"
         alt="Latam airlines - Ana Rangel"
         decoding="async"
         loading="lazy"
         fetchpriority="low"
-        style="aspect-ratio: 512/228"
+        style="aspect-ratio: 523/227"
       />
     </picture>
   </section>
-  <!-- TODO: arreglar que la imagen dentro del componente quede en la posicion correcta -->
   <SimpleCard
     cardText={t('project_cta')}
     cardImage="/img/home/latam-airlines"
@@ -77,7 +76,11 @@ import { t } from 'i18n:astro';
     display: flex;
     flex-direction: column;
     gap: 30px;
-    padding: 3rem;
+    padding: 3rem 2rem;
+
+    @media (width >= 992px) {
+      padding: 3rem;
+    }
   }
 
   h3 {