diff --git a/res/css/_animations.scss b/res/css/_animations.scss
index 4d3ad97141..89c406dd85 100644
--- a/res/css/_animations.scss
+++ b/res/css/_animations.scss
@@ -53,3 +53,23 @@ limitations under the License.
         transition: none;
     }
 }
+
+
+@keyframes mx_Dialog_lightbox_background_keyframes {
+    from {
+        opacity: 0;
+    }
+    to {
+        opacity: $lightbox-background-bg-opacity;
+    }
+}
+
+
+@keyframes mx_ImageView_panel_keyframes {
+    from {
+        opacity: 0;
+    }
+    to {
+        opacity: 1;
+    }
+}
diff --git a/res/css/_common.scss b/res/css/_common.scss
index 07f6c316b6..d7f8355d81 100644
--- a/res/css/_common.scss
+++ b/res/css/_common.scss
@@ -315,15 +315,6 @@ input[type=text]:focus, input[type=password]:focus, textarea:focus {
     opacity: 0.4;
 }
 
-@keyframes mx_Dialog_lightbox_background_keyframes {
-    from {
-        opacity: 0;
-    }
-    to {
-        opacity: $lightbox-background-bg-opacity;
-    }
-}
-
 .mx_Dialog_lightbox .mx_Dialog_background {
     opacity: $lightbox-background-bg-opacity;
     background-color: $lightbox-background-bg-color;
diff --git a/res/css/views/elements/_ImageView.scss b/res/css/views/elements/_ImageView.scss
index 4bf957b93b..6510cc2ec6 100644
--- a/res/css/views/elements/_ImageView.scss
+++ b/res/css/views/elements/_ImageView.scss
@@ -38,15 +38,6 @@ $button-gap: 24px;
     flex-shrink: 0;
 }
 
-@keyframes mx_ImageView_panel_keyframes {
-    from {
-        opacity: 0;
-    }
-    to {
-        opacity: 1;
-    }
-}
-
 .mx_ImageView_panel {
     width: 100%;
     height: 68px;