other bowrser center problem fixed

src/components/new_ui/truth.tsx

@@ -257,12 +257,14 @@ function Truth() {
                     _focus={{ outline: 'none', boxShadow: 'none' }}
                     _active={{ outline: 'none', boxShadow: 'none' }}>
                     <MotionImage
+                        position="relative"
+                        left="50%"
                         src={'/images/facebook.webp'}
                         alt="salespoint"
                         w={"400px"}
                         loading='lazy'
-                        initial={{ opacity: 0, y: 20 }}
-                        animate={isTitleInView ? { opacity: 1, y: 0 } : { opacity: 0, y: 20 }}
+                        initial={{ opacity: 0, y: 20, x: '-50%' }}
+                        animate={isTitleInView ? { opacity: 1, y: 0, x: '-50%' } : { opacity: 0, y: 20, x: '-50%' }}
                         transition={{ duration: 0.5, delay: 0.6, ease: "easeOut" }}
                     />
                 </Link>