how it work image

src/components/home/HowItWorks.tsx

@@ -229,7 +229,7 @@ function StepVisual({ type }: { type: string }) {
       <div className="absolute inset-x-4 bottom-0 top-2">
         <div className="relative h-full w-full">
           <Image
-            src="/images/nearle-how/how-storefront.webp"
+            src="/images/workflow/how-storefront.webp"
             alt="3D local shop storefront with purple awning and now online board"
             fill
             sizes="(max-width: 768px) 80vw, 28vw"
@@ -259,7 +259,7 @@ function StepVisual({ type }: { type: string }) {
       </div>
       <div className="relative h-40 w-36 shrink-0">
         <Image
-          src="/images/nearle-how/how-grocery-bag.webp"
+          src="/images/workflow/how-grocery-bag.webp"
           alt="Nearle grocery bag filled with vegetables and packaged products"
           fill
           sizes="(max-width: 768px) 60vw, 18vw"