From ba9327b4243eba440f0f36907212301579148467 Mon Sep 17 00:00:00 2001
From: NotXia <35894453+NotXia@users.noreply.github.com>
Date: Tue, 14 Apr 2026 23:43:49 +0200
Subject: [PATCH] Add animation

---
 components/RandomSomething.vue | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/components/RandomSomething.vue b/components/RandomSomething.vue
index 5efc25c..ea7e71d 100644
--- a/components/RandomSomething.vue
+++ b/components/RandomSomething.vue
@@ -1,6 +1,24 @@
+<style>
+    @keyframes float {
+    0% {
+        transform: translate(0px, 0px);
+    }
+    50% {
+        transform: translate(-3px, -8px);
+    }
+    100% {
+        transform: translate(0px, 0px);
+    }
+    }
+
+    .animate-float {
+    animation: float 5s ease-in-out infinite;
+    }
+</style>
+
 <template>
     <div v-if="current_name !== ''" class="w-52">
-        <img :src="current_image" alt="" class="h-40 max-w-xs max-w- mx-auto" @click="userChangeThing">
+        <img :src="current_image" alt="" class="h-40 max-w-xs max-w- mx-auto animate-float" @click="userChangeThing">
         <p class="text-center text-sm mt-2 select-none">{{ $t(current_name) }}</p>
     </div>
 </template>