honour reduce-motion and dont rotate logos when enabled

_includes/styles/logo.scss

@@ -13,6 +13,10 @@
     animation-play-state: paused;
     animation-iteration-count: infinite;
 
+    @media screen and (prefers-reduced-motion: reduce) {
+       animation-name: none !important;
+    }
+
     &:hover {
       animation-play-state: running;
     }
@@ -33,6 +37,7 @@
     height: 100%;
     border-radius: 50%;
   }
+
 }
 
 @keyframes rotate {