From 26c10f3a08761227ec8d9fae8d27046f091e4ea9 Mon Sep 17 00:00:00 2001
From: he3als <65787561+he3als@users.noreply.github.com>
Date: Fri, 18 Oct 2024 23:33:52 +0100
Subject: [PATCH] fix(frontend): hero mobile improvements

---
 apps/frontend/src/pages/servers/index.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/frontend/src/pages/servers/index.vue b/apps/frontend/src/pages/servers/index.vue
index d3333a139..00fd660fd 100644
--- a/apps/frontend/src/pages/servers/index.vue
+++ b/apps/frontend/src/pages/servers/index.vue
@@ -24,7 +24,7 @@
       src="~/assets/images/games/maze.png"
       alt=""
       aria-hidden="true"
-      class="pointer-events-none absolute inset-0 h-full max-h-[1080px] w-screen scale-125 select-none opacity-50"
+      class="pointer-events-none absolute inset-0 hidden h-full max-h-[1080px] w-screen scale-125 select-none opacity-50 sm:visible"
       style="mask-image: linear-gradient(black, transparent 80%)"
     />
 
@@ -61,7 +61,7 @@
           class="pointer-events-none relative flex h-full w-full flex-row items-end gap-24 md:-mt-24"
         >
           <div
-            class="absolute left-0 right-0 top-0 max-h-[80%] overflow-hidden"
+            class="absolute left-0 right-0 top-0 -mt-24 max-h-[80%] overflow-hidden sm:mt-0"
             style="mask-image: linear-gradient(black, transparent 80%)"
           >
             <img