added lazy loading and change the questions ans

src/components/bestoil.tsx

@@ -74,12 +74,14 @@ function Bestoil() {
                 >
                     <Image src="/images/best5.webp"
                         fit='contain'
+                        loading="lazy"
                     />
 
                     <Image src='/images/cookmethods.webp'
                         w={'70%'}
                         display={{ base: "none", sm: "none", md: "flex" }}
                         fit='contain'
+                        loading="lazy"
                     />
                 </Stack>
 
@@ -89,6 +91,7 @@ function Bestoil() {
                 <Image src="/images/oilchart.webp"
                     fit='contain'
                     w={{ base: "80%", sm: "90%", md: '350px', lg: '500px' }}
+                    loading="lazy" 
                 />
 
             </Flex>
@@ -101,6 +104,7 @@ function Bestoil() {
                 <Image src={cook}
                     w={{ base: "80%", sm: "80%", md: '600px' }}
                     fit='contain'
+                    loading="lazy" 
                 />
 
                 <Text