From 5757ea0d97bfb8c43fd8f239a3d3307dab9dad2f Mon Sep 17 00:00:00 2001
From: dev-aly3n <dev.aly3n@gmail.com>
Date: Sat, 3 Feb 2024 01:27:00 +0330
Subject: [PATCH] fix

---
 src/components/HowItWorksPage/EconomyFlow/index.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/HowItWorksPage/EconomyFlow/index.tsx b/src/components/HowItWorksPage/EconomyFlow/index.tsx
index b144eb74..eed72835 100644
--- a/src/components/HowItWorksPage/EconomyFlow/index.tsx
+++ b/src/components/HowItWorksPage/EconomyFlow/index.tsx
@@ -30,9 +30,9 @@ const EconomyFlow: React.FC = () => {
       <h2 className="z-10 mt-16 text-[1.25rem] ssm:text-[1.75rem] sm:text-[2.375rem] font-bold sm:font-bold">
         <span className="text-primary-500">Economy</span> Flow
       </h2>
-      <div className="w-full h-[250px] ssm:h-[350px] sm:h-[500px] flex justify-center items-center z-20">
-        <motion.div className={`h-10 absolute -mt-40 ssm:-mt-60 duration-500 cursor-pointer
-        ${isActive ? "grayscale-0":"grayscale-0 md:grayscale-70"} ${!isActive? "scale-100 sm:scale-[0.7] md:scale-[0.3] lg:scale-[0.25]":"scale-100"}
+      <div className="w-full h-[250px] ssm:h-[350px] sm:h-[500px] flex z-20">
+        <motion.div className={`absolute ssm:top-1/4 md:-top-0 lg:-top-16 xl:-top-1/4 2xl:-top-1/3 duration-500 cursor-pointer
+        ${isActive ? "grayscale-0":"grayscale-0 md:grayscale-70"} ${!isActive? "scale-100 sm:scale-[0.7] md:scale-[0.4] lg:scale-[0.3]":"scale-100"}
         `}  onClick={clickHandler}>
           <Image
             alt="dedogmadao background"
@@ -41,7 +41,7 @@ const EconomyFlow: React.FC = () => {
             height={1169}
             quality={100}
             placeholder="blur"
-            className="z-100 rounded-3xl"
+            className="z-100 rounded-3xl select-none"
           />
         </motion.div>
       </div>