[PAY-1717] Make sign in/sign up page overlap banner (#3886)

Author: rickyrombo

packages/web/src/components/background-animations/BackgroundWaves.js

@@ -104,7 +104,7 @@ const BackgroundWaves = (props) => {
       ref={canvasRef}
       className={cn({ [props.className]: !!props.className })}
       style={{
-        position: 'absolute',
+        position: 'fixed',
         top: 0,
         left: 0,
         background:

packages/web/src/pages/sign-on/components/desktop/SignOn.module.css

@@ -43,6 +43,12 @@
   max-width: 1250px !important;
 }
 
+:global(#mainContent) > .pageContainer {
+  position: fixed;
+  bottom: 0;
+  overflow-y: auto;
+}
+
 .pageContainer {
   min-height: 100vh;
   display: flex;