.hero-title[data-overlay]{left:0;mix-blend-mode:revert;opacity:.5;position:absolute;top:0;z-index:2}.canvas-container{-webkit-clip-path:polygon(0 0,100% 0,100% 25%,0 100%);clip-path:polygon(0 0,100% 0,100% 25%,0 100%);height:90%;top:0;right:0;bottom:0;left:0;position:absolute;z-index:-1}#gradient-canvas{--gradient-color-1:#ef008f;--gradient-color-2:#6ec3f4;--gradient-color-3:#7038ff;--gradient-color-4:#e2e2e2}