wraning section updated

src/components/new_ui/hero2.tsx

@@ -10,6 +10,7 @@ function Hero2() {
             w="100%"
             alignItems={"center"}
             justifyContent={"center"}
+
         >
             <Stack gap={0}>
                 <Box
@@ -21,10 +22,10 @@ function Hero2() {
                     backgroundPosition="center"
                     justifyItems={'center'}
                     bgRepeat="no-repeat"
-                    zIndex={-1}
+
                 >
 
-                    <MotionImage 
+                    <MotionImage
                         src="/images/new/hero2title.webp"
                         position={'absolute'}
                         top={{ base: "10px", sm: "50px", md: "50px", lg: "50px", xl: "50px" }}
@@ -34,7 +35,7 @@ function Hero2() {
                         viewport={{ once: true, amount: 0.3 }}
                         transition={{ duration: 0.8, delay: 0.2 }}
                     />
-                    <MotionImage 
+                    <MotionImage
                         src="/images/new/hero2subtitle.webp"
                         position={'absolute'}
                         zIndex={1}
@@ -47,7 +48,7 @@ function Hero2() {
                         transition={{ duration: 0.8, delay: 0.5 }}
                     />
 
-                    <MotionImage 
+                    <MotionImage
                         src="/images/new/oil.webp"
                         zIndex={0}
                         position={'absolute'}