From b75194eb958c48c281427f27b6834750623c3310 Mon Sep 17 00:00:00 2001
From: Antoine Phan <hoangtuan11102@gmail.com>
Date: Wed, 21 Jan 2026 09:07:05 -0500
Subject: [PATCH] Minor update

---
 src/app.css                            | 19 +++++++++++++++----
 src/components/event/EventBlock.svelte |  4 +---
 2 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/src/app.css b/src/app.css
index 55ba627..a00d335 100644
--- a/src/app.css
+++ b/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);
 		}
-	}
+	}*/
 }
 
 * {
diff --git a/src/components/event/EventBlock.svelte b/src/components/event/EventBlock.svelte
index 0c0cad3..8d31a29 100644
--- a/src/components/event/EventBlock.svelte
+++ b/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>
-
-