How do I animate a CSS gradient stop with a smooth transition?

Question

I have the code bellow. How do I transition the gradient stop smoothly? Its just abruptly changing from one to another.

Most examples of gradient animations I have se