feat: make unsupported devices warning more obvious

src/components/WelcomeModal.tsx

@@ -958,8 +958,12 @@ const WelcomeModal: Component = (props) => {
           <LaunchIcon />
           Loslegen
         </button>
-        <div class="w-full text-sm lg:hidden bg-error bg-opacity-50 ring-2 ring-offset-2 ring-error text-error-content rounded p-3 shadow-2xl flex items-center justify-center gap-3">
+        <div
-          <WarningIcon /> Bitte verwende einen Laptop oder Computer!
+          style={{ animation: "bounce 1.5s infinite;" }}
+          class="animate-bounce w-full text-sm font-bold lg:hidden bg-red-300 ring-2 ring-offset-2 ring-error text-error-content rounded p-3 shadow-2xl flex items-center justify-center gap-3"
+        >
+          <WarningIcon /> Bitte verwende einen Laptop oder Computer mit einer
+          Mindestbreite von 1024 Pixel!
         </div>
       </div>
       <a