fix mobile screen issue

src/components/layout/LoadingScreen.tsx

@@ -79,11 +79,10 @@ export default function LoadingScreen() {
         <Image
           src="/images/preloader.png"
           alt="Doormile"
-          width={200}
-          height={38}
+          width={325}
+          height={239}
           priority
           className="dm-loader__logo"
-          style={{ width: "auto", height: "auto" }}
         />
       </div>
 
@@ -100,8 +99,8 @@ export default function LoadingScreen() {
           will-change: opacity;
         }
         .dm-loader.is-hiding { opacity: 0; pointer-events: none; }
-        .dm-loader__pulse { animation: dmLoaderPulse 1.5s linear infinite; }
-        .dm-loader__logo { width: clamp(140px, 18vw, 200px); height: auto; }
+        .dm-loader__pulse { animation: dmLoaderPulse 1.5s linear infinite; display: grid; place-items: center; }
+        .dm-loader__logo { display: block; margin: 0 auto; width: clamp(120px, 32vw, 180px); height: auto; }
         @keyframes dmLoaderPulse {
           50%  { transform: scale(0.85); }
           100% { transform: scale(1); }