fix: action gif

Author: atharvadeosthale

.gitignore

@@ -1 +1,2 @@
 node_modules
+package-lock.json

web/components/Action.tsx

@@ -1,6 +1,5 @@
 import Image from 'next/image'
 import React from 'react'
-import actionGif from '../public/action.gif'
 
 export default function Action() {
   return (
@@ -10,10 +9,10 @@ export default function Action() {
       </div>
       <div className="relative mt-16 rounded-xl border-4 border-[#24D1DC]">
         {/* Blur behind image */}
-        <div className="absolute top-1/2 left-1/2 h-[25rem] w-[50rem] -translate-y-1/2 -translate-x-1/2 bg-[#2A468E] blur-[140px]"></div>
+        <div className="absolute top-1/2 left-1/2 -z-10 h-[25rem] w-[50rem] -translate-y-1/2 -translate-x-1/2 bg-[#2A468E] blur-[140px]"></div>
         {/* Image */}
         <div className="overflow-hidden rounded-xl">
-          <Image src={actionGif} />
+          <img src="action.gif" className="z-10" />
         </div>
       </div>
     </div>