style: Updated tailwind config for animating the vacation illustration

tailwind.config.js

@@ -5,7 +5,28 @@ export default {
     "./src/**/*.{vue,js,ts,jsx,tsx}",
   ],
   theme: {
-    extend: {},
+    extend: {
+      animation: {
+        clouds: 'clouds 20s linear infinite',
+        beach: 'beach 5s linear infinite',
+        flame: 'flame 0.3s linear infinite',
+      },
+      keyframes: {
+        clouds: {
+          '0%': { backgroundPosition: '0%' },
+          '100%': { backgroundPosition: '-100%' },
+        },
+        beach: {
+          '0%': { backgroundPosition: '0%' },
+          '100%': { backgroundPosition: '-100%' },
+        },
+        
+        flame: {
+          '0%, 100%': { transform: 'translateX(0%)' },
+          '50%': { transform: 'translateX(50%)' },
+        },
+      }
+    },
   },
   plugins: [],
 }
\ No newline at end of file