I have this vue3 app (min. example here on codesandbox, when the preview throws an error just click the little refresh button) where Vanta is used to create this background animation. What I would like to do is to fade it with a linear gradient. But I cannot get it to work.
I have tried to add a background-image property to a div that wraps the v-vanta component and a mask-image css property, directly applied to the element itself. Some googling showed that this won't work on a canvas object that Vanta uses under the hood.
Does anybody have some insight on this?