From 158dba64dcdae0b4f23858c1d6d11a75cec8199b Mon Sep 17 00:00:00 2001
From: Julien Nahum <julien@nahum.net>
Date: Wed, 10 Jan 2024 14:53:52 +0100
Subject: [PATCH] Improve image optimization again

---
 client/components/pages/welcome/AiFeature.vue | 4 ++--
 client/components/pages/welcome/Features.vue  | 3 ++-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/client/components/pages/welcome/AiFeature.vue b/client/components/pages/welcome/AiFeature.vue
index 546d91e..0a81091 100644
--- a/client/components/pages/welcome/AiFeature.vue
+++ b/client/components/pages/welcome/AiFeature.vue
@@ -76,8 +76,8 @@
             </div>
 
             <div
-              class="relative px-6 mx-auto mt-8 lg:px-0 sm:mt-12 lg:bottom-0 lg:right-0 lg:absolute lg:max-w-md xl:max-w-none">
-              <NuxtImg class="rounded-t-2xl ring-1 ring-blue-100 lg:rounded-tr-none"
+              class="relative w-full px-6 mx-auto mt-8 lg:px-0 sm:mt-12 lg:bottom-0 lg:right-0 lg:absolute lg:max-w-md xl:max-w-none">
+              <img class="rounded-t-2xl ring-1 ring-blue-100 lg:rounded-tr-none w-full"
               src="/img/pages/ai_form_builder/ai-feature-illustration.svg" alt="App screenshot"/>
 
             </div>
diff --git a/client/components/pages/welcome/Features.vue b/client/components/pages/welcome/Features.vue
index 82ed188..0e24601 100644
--- a/client/components/pages/welcome/Features.vue
+++ b/client/components/pages/welcome/Features.vue
@@ -85,7 +85,8 @@
       <div class="w-full md:w-1/2 lg:w-7/12 flex items-center justify-center relative w-full"
            :class="{'md:pr-8':index%2==1, 'md:pl-8':index%2==0}">
         <NuxtImg loading="lazy" class="block rounded-2xl w-full"
-             :src="step.img" alt="cover-product"/>
+                 sizes="320px sm:530px"
+                 :src="step.img" alt="product-feature-image"/>
       </div>
     </div>