scroll trigger animation not working on android device

[Kingspac]

i have been working with framer motion for days now. i am trying to apply a scroll trigger animation, which it happens to be working on my pc, but not working on my android device correctly.
my intention on the animation is; when the element entter into thr viewport, let the animation start, not at the exact time that the page is loaded.
this is the simple code below.
<motion.div className="abt-btn"
initial={{ opacity: 0, scale:0, x:500}}
whileInView={{opacity: 1, scale:1, x:0}}
>