Hello,
I have an svg with 2 ellipses that I want to animate using React to be used as a page background; I'm using a simple timeline to animate the background color of the containing div, the coordinates of the 2 ellipses and their filters definitions, transitioning between 3 states.
you can see a demo here (sorry I couldn't reproduce it on Codepen):
https://codesandbox.io/s/relaxed-cache-9r7ppq?file=/src/index.tsx
The issue is that while tweening, the bounding box of the ellipses become visible (a big vertical rectangle on the right), ruining the visual effect
Please do you have any ideas how to fix it?