Transition animation for when animations show up

sass/_modal.scss

@@ -48,7 +48,15 @@ body.modal {
   transition: filter .3s ease-in-out;
 }
 
+#sceneAnimation {
+  transition: opacity  .3s ease-in-out;
+}
+
 #mainPage.turn {
+  & #sceneAnimation {
+    opacity: 1;
+  }
+
   & #leftWindow , #rightWindow , #currentRoomTab, #hyperlinksTab, #fakeparserTab , #statusLine {
     pointer-events: none;
     filter: blur(2px);

sass/_page.scss

@@ -227,16 +227,13 @@ body {
 }
 
 #sceneAnimation {
-  display: none;
+  display: block;
   position: fixed;
   bottom: 0px;
   left: 50%;
   z-index: 1;
   pointer-events: none;
-}
-
-#mainPage.turn #sceneAnimation {
-  display: block;
+  opacity: 0;
 }
 
 .sceneAnimation {