Update templates/index.html

templates/index.html

@@ -183,7 +183,7 @@
     <script>
     document.addEventListener("DOMContentLoaded", function() {
         const feed = document.getElementById("feed");
-        feed.src = "{{ url_for('static', filename='loading.gif') }}";
+        feed.style.opacity = "0.5"; //"{{ url_for('static', filename='loading.gif') }}";
         
         const country = document.getElementById("country");
         country.text = "attempting to connect..."
@@ -208,6 +208,7 @@
         const img = new Image();
         img.onload = function() {
             feed.src = this.src;
+            feed.style.opacity = "1";
             setTimeout(refreshImage, 1000);
             country.textContent = "{{ country }}"
         };