Minor update

src/app.css

@@ -27,8 +27,19 @@
 	/* Black variants for UI elements */
 	--color-ecsess-black: #1f1f1f;
 	--color-ecsess-black-hover: #161917;
-
-	--animate-wiggle: wiggle 0.5s ease-in-out;
+  
+  --animate-wiggle: wiggle 0.3s ease-in-out infinite;
+  @keyframes wiggle {
+    0%,
+    100% {
+      transform: rotateY(-3deg);
+    }
+    50% {
+      transform: rotateY(3deg);
+    }
+  }
+	
+  /* --animate-wiggle: wiggle 0.5s ease-in-out;
 	@keyframes wiggle {
 		0% {
 			transform: rotateY(0);
@@ -44,7 +55,7 @@
 		}
 	}
 
-  --animate-wiggle-back: wiggle-back 0.5s ease-in-out;
+	--animate-wiggle-back: wiggle-back 0.5s ease-in-out;
 	@keyframes wiggle-back {
 		0% {
 			transform: rotateY(180deg);
@@ -58,7 +69,7 @@
 		100% {
 			transform: rotateY(180deg);
 		}
-	}
+	}*/
 }
 
 * {

src/components/event/EventBlock.svelte

@@ -82,7 +82,7 @@
 	<div
 		class="grid h-full w-full rounded-2xl text-center transition-transform duration-500 transform-3d {showDescription
 			? 'transform-[rotateY(180deg)]'
-			: 'transform-[rotateY(0)] hover:animate-wiggle'}"
+			: 'hover:animate-wiggle transform-[rotateY(0)]'}"
 	>
 		<!-- Front Side -->
 		<div
@@ -129,5 +129,3 @@
 		</div>
 	</div>
 </div>
-
-