Update templates/index.html

templates/index.html

@@ -319,7 +319,7 @@
         feed.style.opacity = "0.5";
         const infoDiv = document.getElementById("info");
         const infoText = document.getElementById("info-text");
-        infoText.style.opacity = "0";
+        infoText.style.height = "100%";
 
         const countryElement = document.getElementById("country");
       
@@ -365,7 +365,7 @@
               feed.style.width = "100%";
               feed.style.height = "70%";
               feed.style.opacity = "1";
-              infoDiv.style.opacity = "1";
+              infoDiv.style.height = "100%";
             }, 100);
             const infoText = document.getElementById("info-text");
             infoText.style.opacity = "1";
@@ -380,7 +380,7 @@
             feed.style.height = "50px";
             feed.src = loadingGif;
             feed.style.opacity = "0.5";
-            infoText.style.opacity = "0";
+            infoText.style.height = "0%";
             locationName.textContent = "{{ page_title|safe }}";
             console.log("Image loading failed:", event);