CSS animations in SVGs which are in a zoomed element are only partially visible. It looks like a dirty rectangle is defined at load time, not taking the zoom factor into account.
Example case to reproduce: https://jstsch.com/misc/2019/7/safari-svg-zoom.html. As you can see, the animation is only repainted at the size of the original image. If you resize your window you can force a repaint in the entire images.
Interestingly, when you give the first image a width of double the original image width and reload, you can see the other images repaint correctly. It looks like the image objects share the dimensions (but not the locations) of their painting rectangle: https://jstsch.com/misc/2019/7/safari-svg-zoom-2.html
Tested in Safari TP and latest Webkit build. Also reproduced on iPad.