Full-Screen Aura Background with Gradient Mask

<div class="aura-background-component absolute top-0 w-full h-screen -z-10 saturate-200" data-alpha-mask="22"
  style="mask-image:linear-gradient(to bottom, transparent, black 0%, black 22%, transparent); -webkit-mask-image:linear-gradient(to bottom, transparent, black 0%, black 22%, transparent)">
  <div data-us-project="0GgYfjJbH7HPIFyF1fSt" class="absolute top-0 left-0 -z-10 w-full h-full"></div>
  <script>
    !function(){if(!window.UnicornStudio){window.UnicornStudio={isInitialized:!1};var i=document.createElement("script");i.src="https://cdn.jsdelivr.net/gh/hiunicornstudio/unicornstudio.js@v1.4.29/dist/unicornStudio.umd.js",i.onload=function(){window.UnicornStudio.isInitialized||(UnicornStudio.init(),window.UnicornStudio.isInitialized=!0)},(document.head||document.body).appendChild(i)}}();
  </script>
</div>