Fixed Full-Screen Aura Background Effect

<!-- To remix this file, use this link: https://unicorn.studio/remix/o7pV7EpWrqCZFKeX3sY1. Please note that publishing a remixed asset without watermark requires a Legend account in Unicorn Studio. -->
<div class="fixed inset-0 -z-10 bg-black">
  <div class="aura-background-component absolute inset-0 w-full h-full" data-alpha-mask="80" style="
      -webkit-mask-image: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 100%);
              mask-image: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 100%);
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
      -webkit-mask-size: 100% 100%;
              mask-size: 100% 100%;
    ">
    <div style="
      position: absolute; 
      inset: 0; 
      background: #50C878; 
      mix-blend-mode: color; 
      z-index: 10; 
      pointer-events: none;
      opacity: 0.9;">
    </div>

    <div data-us-project="XxCmD31vVBmiINgvYCho" class="absolute inset-0 w-full h-full bg-neutral-950"
      style="filter: hue-rotate(140deg) saturate(1.5);">
    </div>

    <script type="text/javascript">
      !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>
</div>