animation-range doesn't work on Next.js SSG production build on Safari

[Liooo]

I use view-timeline-name, animation-timeline, animation-range in my Next.js app. They all work on dev build, but when I run production build, while view-timeline-name and animation-timeline works as expected, animation-range doesn't take effect at all on Safari [UPDATE: seems like it does have effect, I have animation-timeline: contain 0% contain 100% but Safari starts the animation too early just as if animation-timeline: entry 0% contain 100% is specified] (no problem on Google Chrome). Does anybody know how to fix this?

[Liooo]

Found out that by setting animation-range-start to higher than 0%, it does behave as I want it to, though the animation goes bit off. Ended up making it something like animation-range: contain 0.0001% contain 100.0001%; so that the difference is almost invisible.