TF-3772 Animated splash Web

web/splash/style.css

@@ -5,7 +5,7 @@ html {
 body {
   margin: 0;
   min-height: 100%;
-  background-color: #000000;
+  background-color: #ffffff;
   background-size: 100% 100%;
 }
 
@@ -55,23 +55,11 @@ body {
   right: 0;
 }
 
-.loader {
-  margin: 16px;
-  border: 2px solid #f3f3f3;
-  border-radius: 50%;
-  border-top: 2px solid #007AFF;
-  width: 18px;
-  height: 18px;
-  -webkit-animation: spin 2s linear infinite;
-  animation: spin 2s linear infinite;
-}
-
-@-webkit-keyframes spin {
-  0% { -webkit-transform: rotate(0deg); }
-  100% { -webkit-transform: rotate(360deg); }
-}
-
-@keyframes spin {
-  0% { transform: rotate(0deg); }
-  100% { transform: rotate(360deg); }
+.bottom-image {
+    position: absolute; /* Position relative to the .container */
+    bottom: 40px; /* 40px from the bottom */
+    width: 210px; /* Fixed width */
+    height: auto; /* Maintain aspect ratio */
+    left: 50%; /* Start from the horizontal center */
+    transform: translateX(-50%); /* Adjust to truly center the image */
 }