frame gradient

Hello community

I am trying to achieve this

This is my code

    <ContentPage.Content>
        <ScrollView>
            <StackLayout>
                <magicgradients:GradientView VerticalOptions="CenterAndExpand"
                                             HeightRequest="400" Margin="10">
                    <magicgradients:GradientView.GradientSource>
                        <magicgradients:CssGradientSource>
                            <x:String>
                                <![CDATA[
                                 linear-gradient(180deg, rgba(182,130,252,1) 0%, rgba(75,17,103,1) 100%)
                                 ]]>
                            </x:String>
                        </magicgradients:CssGradientSource>
                    </magicgradients:GradientView.GradientSource>
                </magicgradients:GradientView>
            </StackLayout>
        </ScrollView>
    </ContentPage.Content>

I manege to achieve the gradient I want (Magic Gradients), but if I surround the gradient in a frame, I get a white thing, and I cannot put a frame inside.

You can see in the picture that I have a corner radius in the LoginBox in the middle, so it has to be a frame

I tried also creatind a custom render (https://stackoverflow.com/questions/28848545/add-gradient-background-to-layouts-in-xamarin-forms-visual-studio)

I also tried a nugget called Gloss or something