Fixes...

src/pages/index.astro

@@ -164,7 +164,7 @@ const prefixColorMap: {
             <Fragment>
                 {players.map((v, index) => (
                     <div class="inline-flex flex-col justify-end">
-                        {index == 0 ? <h2 class="dark:text-white text-4xl font-bold ml-4">{t("home.prefix." + prefix.replace("PREFIX_", "").toLowerCase())}</h2> : null}
+                        {index == 0 ? <h2 class="dark:text-white text-4xl font-bold text-center">{t("home.prefix." + prefix.replace("PREFIX_", "").toLowerCase())}</h2> : null}
                         <Card extraClasses={`pt-8 pb-10 px-8 w-fit shadow-md ${prefixColorMap[prefix]}`} client:idle>
                             <figure class="flex flex-col items-center" style="width: 150px">
                                 <figcaption class="text-center mb-4 text-2xl">{v.name}</figcaption>

src/pages/login.astro

@@ -4,6 +4,7 @@ import NavbarLayout from "@layouts/NavbarLayout.astro";
 import {t} from "astro-i18n";
 import {Image} from "astro:assets";
 import localBau from "@images/2023-10-08_20.43.43.png";
+import BackgroundImage from "../components/BackgroundImage.astro";
 ---
 
 <NavbarLayout title={t("login.page")}>
@@ -19,8 +20,9 @@ import localBau from "@images/2023-10-08_20.43.43.png";
             }
         });
     </script>
-    <Image src={localBau} alt="Bau" width="1920" height="1080"
-        class="w-screen h-screen dark:brightness-75 fixed -z-10 object-cover" draggable="false"/>
+    <div class="h-screen w-screen fixed -z-10">
+        <BackgroundImage />
+    </div>
     <div class="h-screen mx-auto  p-8 rounded-b-md pt-40 sm:pt-28 md:pt-14 flex flex-col justify-center items-center
             dark:text-white " style="width: min(100vw, 75em);">
         <Login client:load/>