Update site animation rules

assets/scss/animations.scss

@@ -1,6 +1,6 @@
 @keyframes shake {
   $distance: 1px;
-  from { transform: translate(-$distance); }
+  from { transform: translate(-$distance, $distance); }
   to { transform: translate($distance); }
 }
 
@@ -41,18 +41,3 @@
     }
   }
 }
-
-@media (prefers-reduced-motion) {
-  @keyframes bounce {
-    $baseSize: 1em;
-    $baseRotation: 10deg;
-    from {
-      transform: rotate($baseRotation) translateX($baseSize)
-        translateY(-#{$baseSize / 5});
-    }
-    to {
-      transform: rotate(-$baseRotation) translateX(-$baseSize)
-        translateY(-#{$baseSize / 5});
-    }
-  }
-}

assets/scss/extend.scss

@@ -137,6 +137,6 @@ code[data-lang] {
 // Prefer reduced animations.
 @media (prefers-reduced-motion) {
   #logo svg {
-    animation: bounce 0.6s ease-in-out alternate infinite;
+    animation: none;
   }
 }

assets/scss/roles.scss

@@ -22,3 +22,9 @@
 .extreme-shake {
   animation: extreme-shake 0.1s alternate ease-in-out infinite;
 }
+
+@media (prefers-reduced-motion) {
+  .shake, .extreme-shake {
+    animation: none;
+  }
+}