I don't have actual specific advice but I will remark that, in my own experiences with webdev (I'm a backend and data engineer primarily though, so never doing anything too fancy but just trying to kind of naively use react and copy paste tailwind/bootstrap css), chrome and Firefox tend to mostly behave similarly whereas safari is often the one that gets persnickety about stuff. Something that randomly sticks out in my mind is that using a video tag, dynamically setting the src via react didn't work in safari (it would load the first one but then never change even if I updated the value, but if I put an actual source element as a child (which is guess is technically a more standards correct thing?) of the video element, that would work correctly on all platforms. But of course is not mentioned in the top simple results for "how to do html5 video tag" because I guess most people aren't dynamically swapping the video being played.

Just random stuff like that.