diff --git a/client/public/tokenomics.jpg b/client/public/tokenomics.jpg
new file mode 100644
index 0000000..b902f91
Binary files /dev/null and b/client/public/tokenomics.jpg differ
diff --git a/client/public/tokenomics.png b/client/public/tokenomics.png
deleted file mode 100644
index 324f769..0000000
Binary files a/client/public/tokenomics.png and /dev/null differ
diff --git a/client/src/components/tokenomics.tsx b/client/src/components/tokenomics.tsx
index 8cef0f8..14a39eb 100644
--- a/client/src/components/tokenomics.tsx
+++ b/client/src/components/tokenomics.tsx
@@ -30,7 +30,7 @@ const Tokenomics: React.FC = () => {
           className="flex justify-center"
         >
 
-          <img src={'/tokenomics.png'} alt="tokenomics" className="bg-cover scale-90 hover:scale-95 transition-all duration-300" />
+          <img src={'/tokenomics.jpg'} alt="tokenomics" className="bg-cover scale-90 hover:scale-95 transition-all duration-300" />
         </motion.div>
 
         {/* Tokenomics Info */}