Replaced loading animation with animated Bombe SVG

src/web/stylesheets/layout/_io.css

@@ -73,6 +73,28 @@
     background-color: var(--primary-background-colour);
     visibility: hidden;
     opacity: 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    transition: all 0.5s ease;
+}
+
+#output-loader .loader {
+    width: 60%;
+    height: 60%;
+    left: unset;
+    top: 10%;
+}
+
+#output-loader .loading-msg {
+    opacity: 1;
+    font-family: var(--primary-font-family);
+    line-height: var(--primary-line-height);
+    color: var(--primary-font-colour);
+    left: unset;
+    top: 30%;
+    position: relative;
 
     transition: all 0.5s ease;
 }
@@ -138,16 +160,6 @@
     margin-bottom: 5px;
 }
 
-#output-loader .loading-msg {
-    opacity: 1;
-    font-family: var(--primary-font-family);
-    line-height: var(--primary-line-height);
-    color: var(--primary-font-colour);
-    top: 50%;
-
-    transition: all 0.5s ease;
-}
-
 #magic {
     opacity: 1;
     visibility: visibile;