Fix animation jump in Safari

tailwind.config.js

@@ -58,20 +58,20 @@ module.exports = {
       },
       keyframes: {
         'sonar-scale-4': {
-          from: { opacity: '0.4' },
-          to: { opacity: 0, transform: 'scale(4)' },
+          from: { opacity: '0.4', transform: 'scale(1)' },
+          to: { opacity: '0', transform: 'scale(4)' },
         },
         'sonar-scale-3': {
-          from: { opacity: '0.4' },
-          to: { opacity: 0, transform: 'scale(3.5)' },
+          from: { opacity: '0.4', transform: 'scale(1)' },
+          to: { opacity: '0', transform: 'scale(3.5)' },
         },
         'sonar-scale-2': {
-          from: { opacity: '0.4' },
-          to: { opacity: 0, transform: 'scale(3)' },
+          from: { opacity: '0.4', transform: 'scale(1)' },
+          to: { opacity: '0', transform: 'scale(3)' },
         },
         'sonar-scale-1': {
-          from: { opacity: '0.4' },
-          to: { opacity: 0, transform: 'scale(2.5)' },
+          from: { opacity: '0.4', transform: 'scale(1)' },
+          to: { opacity: '0', transform: 'scale(2.5)' },
         },
       },
     },