stop animation after a few cycles

themes/okebooru/style.css

@@ -12,7 +12,7 @@ span#left {
   text-shadow: 0 0 0.6rem #ffe6ff, 0 0 1.5rem #ff65bd,
                -0.2rem 0.1rem 1rem #ff65bd, 0.2rem 0.1rem 1rem #ff65bd,
                0 -0.5rem 2rem #ff2483, 0 0.5rem 3rem #ff2483;
-  animation: shine-one 2s forwards, flicker 3s infinite;
+  animation: shine-one 2s forwards, flicker 3s 3;
 }
  
 span#right {
@@ -20,7 +20,7 @@ span#right {
   text-shadow: 0 0 0.6rem #b2f3f2, 0 0 1.5rem #75f1f1,
                -0.2rem 0.1rem 1rem #75f1f1, 0.2rem 0.1rem 1rem #75f1f1,
                0 -0.5rem 2rem #1cf3f1, 0 0.5rem 3rem #1cf3f1;
-  animation: shine-two 2s forwards, flicker 6s infinite;
+  animation: shine-two 2s forwards, flicker 6s 3;
 }
 
 h1 a:hover {
@@ -50,11 +50,11 @@ h1#site-title span a:active {
 }
 
 .flicker {
-  animation: shine-two 2s forwards, blink-two 10s 1s infinite;
+  animation: shine-two 2s forwards, blink-two 10s 1s 3;
 }
  
 .fast-flicker {
-  animation: shine-one 2s forwards, blink-one 3s 2s infinite;
+  animation: shine-one 2s forwards, blink-one 3s 2s 5;
 }
 @keyframes shine-one {
   0% {