fix: correct styling, pointer events none (#98)

src/app/pages/Designathons/Designathon24/components/FAQ/FAQ.module.scss

@@ -114,6 +114,7 @@
 	top: 0;
 	right: 0;
 	max-width: 30%;
+	pointer-events: none;
 }
 
 @keyframes fadeIn {

src/app/pages/Designathons/Designathon24/components/Prizes/Prizes.module.scss

@@ -175,6 +175,7 @@
 	position: absolute;
 	bottom: 0;
 	right: 0;
+	pointer-events: none;
 
 	display: none;
 
@@ -186,6 +187,7 @@
 
 .lines {
 	position: absolute;
+	pointer-events: none;
 	max-width: 30%;
 }
 

src/app/pages/Designathons/Designathon24/components/Splash/Splash.jsx

@@ -28,6 +28,8 @@ const Splash = memo(() => {
 
 	return (
 		<div className={cn.container}>
+			<GridBackground positions={[{ top: 0, left: 0 }]} isLight={true} />
+
 			<img
 				src={tl_clouds}
 				alt=""
@@ -54,8 +56,6 @@ const Splash = memo(() => {
 				className={clsx(cn.decoration, cn.br_star_stripe, "wait flopR")}
 			/>
 
-			<GridBackground positions={[{ top: 0, left: 0 }]} isLight={true} />
-
 			<SplashLogo ref={logoRef} className={cn.logo} />
 
 			<div className={clsx(cn.info, "wait")}>

src/app/pages/Designathons/Designathon24/components/Splash/Splash.module.scss

@@ -121,6 +121,7 @@
 
 .decoration {
 	position: absolute;
+	pointer-events: none;
 
 	max-width: 30%;
 }

src/app/pages/Designathons/Designathon24/components/Sponsors/Sponsors.module.scss

@@ -54,6 +54,7 @@
 
 		.tape {
 			position: absolute;
+			pointer-events: none;
 			top: -5%;
 			left: 50%;
 			transform: translateX(-50%);
@@ -76,6 +77,7 @@
 	position: absolute;
 
 	max-width: 50%;
+	pointer-events: none;
 }
 
 .tr {