diff --git a/client/components/pages/welcome/AiFeature.vue b/client/components/pages/welcome/AiFeature.vue
index 546d91eb..0a810912 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 82ed1883..0e246017 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>