diff --git a/images/gif/neuron23.gif b/images/gif/neuron23.gif
deleted file mode 100644
index 40b8339..0000000
Binary files a/images/gif/neuron23.gif and /dev/null differ
diff --git a/images/gif/neuron610.gif b/images/gif/neuron610.gif
deleted file mode 100644
index a7add18..0000000
Binary files a/images/gif/neuron610.gif and /dev/null differ
diff --git a/images/loading_gif.png b/images/loading_gif.png
new file mode 100644
index 0000000..d28e387
Binary files /dev/null and b/images/loading_gif.png differ
diff --git a/images/loading_png.png b/images/loading_png.png
new file mode 100644
index 0000000..cecfeb9
Binary files /dev/null and b/images/loading_png.png differ
diff --git a/images/png/neuron23.png b/images/png/neuron23.png
deleted file mode 100644
index ddc5d84..0000000
Binary files a/images/png/neuron23.png and /dev/null differ
diff --git a/images/png/neuron610.png b/images/png/neuron610.png
deleted file mode 100644
index de55c8c..0000000
Binary files a/images/png/neuron610.png and /dev/null differ
diff --git a/index.html b/index.html
index 5647b31..847062f 100644
--- a/index.html
+++ b/index.html
@@ -356,7 +356,12 @@
 
     let buttons = []
 
+    let pngLoading = new Image();
+    let gifLoading = new Image();
+
     function setup() {
+        pngLoading.src = "./images/loading_png.png";
+        gifLoading.src = "./images/loading_gif.png";
 
         setupButtons();
 
@@ -766,6 +771,9 @@
         }
 
         // Change the image lement sources
+        document.getElementById('gifImage').src = gifLoading.src;
+        document.getElementById('pngImage').src = pngLoading.src;
+
         document.getElementById('gifImage').src = `https://data.virtualbrainlab.org/NPUltra/gif/neuron${idx}.gif`;
         document.getElementById('pngImage').src = `https://data.virtualbrainlab.org/NPUltra/png/neuron${idx}.png`;
     }