Home.jsx file :

<motion.div id="container" initial={{ opacity:0 }} animate={{ opacity :  1 ,transition:{ delay:0.3 }}} exit={{x:"-100vw",transition:{ ease:"easeInOut", duration:0.3, }}}

About.jsx :

<motion.div id="skills-container"
        initial={{
            opacity:0
        }}
        animate={{
            opacity:1,transition:{
                delay:0.3
            }
        }}
        exit={{x: "-100vw" , transition:{
            ease:"easeInOut"
        }}}
        >

I set overflow hidden to body and it works but my about section scrollbar…i tried set overflow hidden only to that div on home.jsx and overflow auto to section and it doesn’t work