From a05e4beed037378a1be8e7009f8516bed0b0fe2e Mon Sep 17 00:00:00 2001
From: gabaldon <maria@otherplane.com>
Date: Tue, 6 Aug 2024 11:33:27 +0200
Subject: [PATCH] fix: adjust animations

---
 components/IconWithText.vue         | 2 +-
 components/sections/CoinSection.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/IconWithText.vue b/components/IconWithText.vue
index fc81c619..7c737f76 100644
--- a/components/IconWithText.vue
+++ b/components/IconWithText.vue
@@ -28,7 +28,7 @@ defineProps({
 
 <style lang="scss">
 .rounded-icon {
-  @apply bg-wit-blue-500;
+  @apply bg-wit-blue-500 transition-colors;
 }
 .icon-container:hover > .rounded-icon {
   @apply bg-wit-blue-300;
diff --git a/components/sections/CoinSection.vue b/components/sections/CoinSection.vue
index b3643739..9a8d5216 100644
--- a/components/sections/CoinSection.vue
+++ b/components/sections/CoinSection.vue
@@ -8,7 +8,7 @@
     <template #top>
       <RotateOnScroll
         section-id="stake"
-        start-position="-50% top"
+        start-position="-100% top"
         end-position="+=200%"
       >
         <BlueStarIcon class="w-auto h-[400px]" />