updated the ui v315

src/components/bestoil.tsx

@@ -12,7 +12,7 @@ function Bestoil() {
     const cook = useBreakpointValue({
         base: "/images/cook_mb.webp",
         sm: "/images/cook_mb.webp",
-        md: "/images/cook_pc.webp",
+        md: "/images/goldandhealthytext.webp",
     });
 
     // Create refs for elements we want to animate
@@ -62,15 +62,26 @@ function Bestoil() {
         >
             <Flex
                 w='100%'
+                gap={0}
                 justify={"center"}
                 align={"center"}
                 direction={{ base: "column", sm: "column", md: "row" }}
             >
-
-                <Image src="/images/best5.webp"
-                    fit='contain'
+                <Stack
                     w={{ base: "70%", sm: "80%", md: '350px', lg: '500px' }}
-                />
+                    align={"center"}
+                    mr={{ base: 0, sm: 0, md: '-80px' }}
+                >
+                    <Image src="/images/best5.webp"
+                        fit='contain'
+                    />
+
+                    <Image src='/images/cookmethods.webp'
+                        w={'70%'}
+                        display={{ base: "none", sm: "none", md: "flex" }}
+                        fit='contain'
+                    />
+                </Stack>