How to make Breathe example work well with resizing

[ajitid]

So I have copied this Breathe example in my local machine so I could easily resize it.

If I start with a large canvas size the animation appears right. But when I drag the window to make the canvas size small, you'd see that the rings in the animation spread apart:

Video.online-video-cutter.com.mp4

However if I refresh the page at this small canvas size, the breathe animation appears as expected:

Video.online-video-cutter.com._2.mp4

I looked at the code and it seems to handle resizing. Then how come it is not working as we expect it to?