Keep both editor loading logos

services/web/public/stylesheets/app/editor.less

@@ -80,9 +80,9 @@
 		.loading-screen-brand {
 			position: relative;
 			width: 100%;
-			padding-top: 115.44%;
+			padding-top: @editor-loading-logo-padding-top;
 			height: 0;
-			background: url(/img/ol-brand/overleaf-o-grey.svg) no-repeat bottom / 100%;
+			background: @editor-loading-logo-background-url no-repeat bottom / 100%;
 
     		&::after {
 				content: '';
@@ -91,7 +91,7 @@
 				right: 0;
 				bottom: 0;
 				left: 0;
-				background: url(/img/ol-brand/overleaf-o.svg) no-repeat bottom / 100%;
+				background: @editor-loading-logo-background-url no-repeat bottom / 100%;
 				transition: height .5s;
     		}
 		}

services/web/public/stylesheets/core/ol-variables.less

@@ -28,4 +28,7 @@
 @brand-warning:         @orange;
 @brand-danger:          #E03A06;
 
-@import "./_common-variables.less";
+@editor-loading-logo-padding-top: 115.44%;
+@editor-loading-logo-background-url: url(/img/ol-brand/overleaf-o-grey.svg);
+
+@import "./_common-variables.less";

services/web/public/stylesheets/core/variables.less

@@ -25,4 +25,7 @@
 @brand-warning:         @orange;
 @brand-danger:          #E03A06;
 
-@import "_common-variables.less";
+@editor-loading-logo-padding-top: 86.2%;
+@editor-loading-logo-background-url: url(/img/brand/lion-grey.svg);
+
+@import "_common-variables.less";