Transparency z-fighting withing a single transparent plane

I am trying to get transparency working within a wavy plane terrain. Here is my demo.

Can someone please explain why the transparency works differently depending on the camera position? I guess this is a WebGL problem in general, but I am not sure what to look for.

Is there a way to make it look the same, regardless of the camera angle?