Gradient clipping artifacts. Bug or expected behavior?

Im experiencing these strange lines on my gradient elements. Is this expected behavior or a bug? Cant seem to wrap my head around it, can’t imagine that this is supposed to happen.

Its a header with a gradient background that has been clipped to the text

Its even worse during a animation, the line becomes thicker and visible both on top and botom of the header border.
ezgif.com-video-to-gif-4

Here is my site Read-Only: https://preview.webflow.com/preview/countive-redovisningsbyra?utm_medium=preview_link&utm_source=designer&utm_content=countive-redovisningsbyra&preview=d9221b32240042e9e5bbb38347ae94c4&mode=preview
(how to share your site Read-Only link)

I’m also experiencing this issue.

I’ve tried adding padding altering the nature of the span container to Flex and so on…

Did you manage to find a solution?