fix: Hide wave and socials before it overlaps with hero

src/lib/components/Wave.svelte

@@ -17,10 +17,17 @@
 		transition: opacity 0.1s var(--bezier-one);
 		position: absolute;
 		bottom: 0rem;
+		z-index: -1;
 		width: 100%;
 		height: 40vh;
 	}
 
+	@media screen and (max-height: 820px) {
+		svg {
+			opacity: 0 !important;
+		}
+	}
+
 	.wave {
 		animation: wave-anim 30s;
 		animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);