Set gradient background to content page in .NET MAUI

BackgroundContentPageMAUI.xaml

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:ios="clr-namespace:Microsoft.Maui.Controls.PlatformConfiguration.iOSSpecific;assembly=Microsoft.Maui.Controls"
             ios:Page.UseSafeArea="False">
  <FlexLayout Direction="Column" 
              HorizontalOptions="FillAndExpand"
              VerticalOptions="FillAndExpand">
    <FlexLayout.Background>
      <LinearGradientBrush EndPoint="0,1">
          <GradientStop Color="{StaticResource Primary}"
                        Offset="0.1" />
          <GradientStop Color="{StaticResource PrimaryAlt}"
                        Offset="1.0" />
      </LinearGradientBrush>
    </FlexLayout.Background>
    
    <!-- Content Goes here -->
    
  </FlexLayout>  
</ContentPage>