dreamview: updated loading page animation (#1649)

modules/dreamview/frontend/src/components/common/Loader.js

 import React from "react";
 
 import RENDERER from "renderer";
-import loaderImg from "assets/images/loader_apollo.gif";
+import loaderImg from "assets/images/logo_apollo.png";
 
 
 export default class Loader extends React.Component {

modules/dreamview/frontend/src/styles/main.scss

@@ -836,7 +836,7 @@ body {
     .img-container {
         position: absolute;
 
-        top: 20%;
+        top: 35%;
         left: 25%;
         width: 50%;
         height: 40%;
@@ -850,6 +850,18 @@ body {
             font-size: 18px;
             color: #FFFFFF;
             text-align: center;
+
+            animation-name: flash;
+            animation-duration: 2s;
+            animation-timing-function: linear;
+            animation-iteration-count: infinite;
+            animation-direction: alternate;
+            animation-play-state: running;
+
+            @keyframes flash {
+                from {color: #FFFFFF;}
+                to {color: #000C17;}
+            }
         }
     }
 }
\ No newline at end of file

modules/dreamview/frontend/webpack.config.js

@@ -88,7 +88,7 @@ module.exports = {
                 // first, and then file-loader.
                 //
                 // Now you can import images just like js.
-                test: /\.(png|jpe?g|svg|gif)$/i,
+                test: /\.(png|jpe?g|svg)$/i,
                 use: [
                     {
                         loader: "file-loader",