From 9f03a5edaf56bd04fc4316cf4a12cc81009c7145 Mon Sep 17 00:00:00 2001
From: dalailahner <59581086+dalailahner@users.noreply.github.com>
Date: Thu, 27 Mar 2025 09:28:37 +0100
Subject: [PATCH] fix jitter & add easing to hero section logo animation

---
 docs/.vuepress/styles/index.scss | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/docs/.vuepress/styles/index.scss b/docs/.vuepress/styles/index.scss
index f3ac3153b..b43c2bd67 100644
--- a/docs/.vuepress/styles/index.scss
+++ b/docs/.vuepress/styles/index.scss
@@ -47,14 +47,16 @@ html[data-theme=dark] .custom-container.details th {
 #hero > img {
   position: relative;
   height: 12em;
-  animation: slide linear 10s infinite;
+  animation: slide ease-in-out 5s -2.5s infinite alternate both;
 }
 
 @keyframes slide {
-  0%   {top: 0px;}
-  25% {top: -50px;}
-  75% {top: 50px;}
-  100% {top: 0px;}
+  from {
+    translate: 0 -50px
+  }
+  to {
+    translate: 0 50px
+  }
 }
 
 @media screen and (max-width: 900px) {