fix home page style

src/components/sections/Workflow2.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import React, { useState } from "react";
+import Image from "next/image";
 
 export default function Workflow2() {
   const [activeSlide, setActiveSlide] = useState(0);
@@ -59,11 +60,9 @@ export default function Workflow2() {
                   <div className="image-slider">
                     <div className="image-item slider-item">
                       <div className="image-item-card with-height">
-                        <img 
-                          loading="lazy" 
-                          decoding="async" 
-                          width="1733" 
-                          height="773" 
+                        <Image 
+                          width={1733} 
+                          height={773} 
                           src="/images/miletruth-2.png" 
                           className="attachment-full size-full wp-image-5026" 
                           alt="Workflow 2" 
@@ -94,11 +93,9 @@ export default function Workflow2() {
                 <div className="elementor-element elementor-element-8f3f74d e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="8f3f74d" data-element_type="container" data-e-type="container">
                   <div className="elementor-element elementor-element-f5a66b2 elementor-widget elementor-widget-image" data-id="f5a66b2" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
                     <div className="elementor-widget-container">
-                      <img 
-                        loading="lazy" 
-                        decoding="async" 
-                        width="491" 
-                        height="373" 
+                      <Image 
+                        width={491} 
+                        height={373} 
                         src="/images/home2-pic-2.png" 
                         className="attachment-full size-full wp-image-4396" 
                         alt="Decorative pic"