In mobile Safari. When the first element reaches the left side, Marquee flicker occurs

[rabbitmouse]

I run the following code. When the first element scrolls back from the right to the left, there will be obvious flickering. This phenomenon only occurs on mobile phones. Please help solve this problem, thank you

<Marquee
direction={'left'}
fade={false}
pauseOnHover={false}
className={speedClass}
innerClassName={cn("gap-10", innerClassName)}
numberOfCopies={2}

{group.map((item, index) => (
<Image
key={${item.url}-${index}}
className={className}
src={item.url}
alt={item.alt ?? "brand logo"}
width={itemWidths[index]}
height={100}
priority={true}
/>
))}

the Image component is next.image