Aura Background Hero Effect

<div class="aura-background-component w-full absolute top-0 hue-rotate-15 saturate-150 brightness-125 h-[700px]"
  data-alpha-mask="80" style="mask-image: linear-gradient(transparent, black 0%, black 80%, transparent);">
  <div class="aura-background-component top-0 w-full -z-10 absolute h-full" style="">
    <div data-us-project="opxjeAzlg0dkUUVGEZri" class="absolute w-full h-full left-0 top-0 -z-10"></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>