working easter

seperate single seasonals/Seasonals-Easter/easter.css

@@ -5,30 +5,21 @@
     overflow: hidden;
 }
 
-#rabbit img{
-    position: fixed;
-    bottom: 2px;
-    width: 100px;
-    transition: transform 0.3s ease-in-out;
-    overflow: hidden;
-}
-
 .hopping-rabbit {
-    position: absolute;
-    bottom: 20px;
-    width: 100px;
-    animation: bunny-move 10s linear infinite, bunny-hop 1s ease-in-out infinite;
+    position: fixed;
+    bottom: 10px;
+    width: 70px;
+    overflow: hidden;
+    pointer-events: none;
 }
 
-/*
+
 @media (max-width: 768px) {
-    #rabbit {
-        width: 70px;
-        /* Kleiner auf mobilen Geräten 
-        bottom: 10px;
+    .hopping-rabbit {
+        width: 60px;
     }
 }
-*/
+
 
 .easter {
     position: fixed;
@@ -41,11 +32,9 @@
     -webkit-user-select: none;
     cursor: default;
     -webkit-animation-name: easter-fall, easter-shake;
-    -webkit-animation-duration: 7s, 3s;
     -webkit-animation-timing-function: linear, ease-in-out;
     -webkit-animation-iteration-count: infinite, infinite;
     animation-name: easter-fall, easter-shake;
-    animation-duration: 7s, 3s;
     animation-timing-function: linear, ease-in-out;
     animation-iteration-count: infinite, infinite;
 }
@@ -101,23 +90,6 @@
     }
 }
 
-@keyframes bunny-move {
-    0% {
-        transform: translateX(-100%);
-    }
-    100% {
-        transform: translateX(100%);
-    }
-}
-
-@keyframes bunny-hop {
-    0%, 100% {
-        transform: translateY(0);
-    }
-    50% {
-        transform: translateY(-30px);
-    }
-}
 
 .easter:nth-of-type(0) {
     left: 0%;