Add animation to bootstrap step

Author: buberdds

src/pages/CreateApp/BootstrapStep.tsx

@@ -104,7 +104,14 @@ export const BootstrapStep: FC<BootstrapStepProps> = ({ appData, template }) =>
   return (
     <Layout headerContent={<Header />} footerContent={<Footer />}>
       <div className="w-full px-8 py-12 flex flex-col items-center justify-center">
-        <img src={Bootstrap} alt="Bootstrap" className="w-[250px] h-auto mb-8" />
+        {/* mitigate webm black background */}
+        <div className="w-full bg-gradient-to-r from-background from-25% via-black via-50% to-background to-75% flex items-center justify-center mb-8">
+          <div className="w-[310px] h-[310px]">
+            <video width="310%" height="310" autoPlay muted loop playsInline>
+              <source src="https://assets.oasis.io/webm/Oasis-Loader-310x310.webm" type="video/webm" />
+            </video>
+          </div>
+        </div>
         <div className="mb-8">
           <h1
             className={`text-2xl font-white font-bold mb-2 text-center transition-all duration-800 ${