fix: fix show the loading text

Author: apsinghdev

index.html

@@ -207,12 +207,12 @@
 
                     const container = document.getElementById("loading-media");
                     const content = lang === "ja"
-                        ? `<img src="loading-animation-ja.svg" loading="eager" fetchpriority="high" style="width: 100%; height: 100%; object-fit: contain;" alt="Loading animation">`
-                        : `<video loop autoplay muted playsinline fetchpriority="high" style="width: 100%; height: 100%; object-fit: contain;">
+                        ? `<img src="loading-animation-ja.svg" loading="eager" fetchpriority="high" style="width: 70%; height: 90%; object-fit: contain;" alt="Loading animation">`
+                        : `<video loop autoplay muted playsinline fetchpriority="high" style="width: 90%; height: 100%; object-fit: contain;">
                             <source src="loading-animation.webm" type="video/webm">
                             <source src="loading-animation.mp4" type="video/mp4">
                            </video>`;
-                    container.innerHTML = `<div class="media-wrapper" style="width: 100%; aspect-ratio: 16/9; display: flex; justify-content: center; align-items: center;">${content}</div>`;
+                    container.innerHTML = `<div class="media-wrapper" style="width: 100%; aspect-ratio: 16/9; max-height: 500px; display: flex; justify-content: center; align-items: center;">${content}</div>`;
                 };
 
                 loadL10nSplashScreen();
@@ -233,7 +233,7 @@
                         loadingText.textContent = _("Loading Complete!");
                         loadingText.style.opacity = 1;
                     }, 6000);
-                }, 4000);
+                }, 3000);
             });
 
         </script>