added lazy loading and change the questions ans

src/components/compare.tsx

@@ -67,11 +67,12 @@ function Compare() {
                 >
                     {/* Content here */}
                     <MotionImage
-                        src='/images/conpareheart.webp'
+                        src='/images/compareheart.webp'
                         width={{
                             base: '95%', sm: '90% ', md: '80% ', lg: '35% '
                         }}
                         position="absolute"
+                        loading="lazy" 
                         top="0%"
                         left="50%"
                         transform="translateX(-51%)"
@@ -117,6 +118,7 @@ function Compare() {
                     width={{
                         base: '100%%', sm: '95% ', md: '80% ', lg: '35% '
                     }}
+                    loading="lazy" 
                     initial={{ opacity: 0 }}
                     whileInView={{ opacity: 1 }}
                     viewport={{ once: true }}