fix swap success animation

components/swap/SwapSuccessParticles.tsx

@@ -38,12 +38,22 @@ const SwapSuccessParticles = () => {
     <Particles
       id="tsparticles"
       options={{
-        autoPlay: true,
         detectRetina: true,
-        duration: 3000,
+        particles: {
+          opacity: {
+            value: 0,
+          },
+        },
+        emitters: {
+          life: {
+            count: 30,
+            delay: 0,
+            duration: 0.1,
+          },
+          startCount: 0,
           particles: {
             shape: {
-            type: 'images',
+              type: 'image',
               options: {
                 image: {
                   src: tokenLogo,
@@ -62,8 +72,11 @@ const SwapSuccessParticles = () => {
                 sync: false,
               },
             },
+            opacity: {
+              value: 1,
+            },
             size: {
-            value: 16,
+              value: 20,
               random: false,
             },
             move: {
@@ -76,14 +89,13 @@ const SwapSuccessParticles = () => {
               },
               direction: 'bottom',
               enable: true,
-            speed: { min: 7, max: 15 },
+              speed: { min: 8, max: 16 },
               outMode: 'destroy',
             },
-          opacity: {
-            value: 1,
           },
           position: {
-            y: -1000,
+            x: { random: true },
+            y: 0,
           },
         },
       }}