other bowrser center problem fixed

src/components/new_ui/wraning.tsx

@@ -28,7 +28,6 @@ function Wraning() {
           bgImage={{ base: "url('/images/new/wraning_bg_mobile.webp')", sm: "url('/images/new/wraning_bg_mobile.webp')", md: "url('/images/new/wraning_bg.webp')", lg: "url('/images/new/wraning_bg.webp')", xl: "url('/images/new/wraning_bg.webp')" }}
           bgSize="cover"
           backgroundPosition="center"
-          justifyItems={'center'}
           bgRepeat="no-repeat"
           zIndex={3}
           overflow="hidden"
@@ -146,11 +145,12 @@ function Wraning() {
           {/* title */}
           <MotionStack
             position="absolute"
+            left="50%"
             top={{ base: '55vw', sm: '60vw', md: '35vw', lg: '23vw', xl: '20vw' }}
             alignItems={'center'}
             gap={'1px'}
-            initial={{ opacity: 0, y: 50 }}
-            whileInView={{ opacity: 1, y: 0 }}
+            initial={{ opacity: 0, y: 50, x: '-50%' }}
+            whileInView={{ opacity: 1, y: 0, x: '-50%' }}
             viewport={{ once: true, amount: 0.3 }}
             transition={{ duration: 0.8, ease: "easeOut" }}
           >