diff --git a/css/details.css b/css/details.css
index b22e2c3..692e2ed 100644
--- a/css/details.css
+++ b/css/details.css
@@ -1623,18 +1623,18 @@
   left: 0;
   width: 100vw;
   height: 100vh;
-  background-color: rgba(0, 0, 0, 0.8);
+  background-color: rgba(0, 0, 0, 0.5);
   z-index: 1000;
-  animation: fadeBackground 2s infinite;
+  animation: fadeBackground 1s infinite;
 }
 @keyframes fadeBackground {
   0% {
-    background-color: rgba(0, 0, 0, 0.8);
-  }
-  50% {
     background-color: rgba(0, 0, 0, 0.5);
   }
-  100% {
+  50% {
     background-color: rgba(0, 0, 0, 0.8);
   }
+  100% {
+    background-color: rgba(0, 0, 0, 0.5);
+  }
 }
diff --git a/css/details.less b/css/details.less
index 6fa4e3a..d5d271a 100644
--- a/css/details.less
+++ b/css/details.less
@@ -1857,19 +1857,19 @@
     left: 0;
     width: 100vw;
     height: 100vh;
-    background-color: rgba(0, 0, 0, 0.8);
+    background-color: rgba(0, 0, 0, 0.5);
     z-index: 1000;
-    animation: fadeBackground 2s infinite;
+    animation: fadeBackground 1s infinite;
 }
 
 @keyframes fadeBackground {
     0% {
-        background-color: rgba(0, 0, 0, 0.8);
-    }
-    50% {
         background-color: rgba(0, 0, 0, 0.5);
     }
-    100% {
+    50% {
         background-color: rgba(0, 0, 0, 0.8);
     }
+    100% {
+        background-color: rgba(0, 0, 0, 0.5);
+    }
 }