add banner img y anime

Author: wiseaidev

src/components/Banner/index.jsx

@@ -187,7 +187,7 @@ const Banner = () => {
                 },
               }}
             >
-              <img src="/banner.png" alt="" />
+              <img className="banner-img" src="/banner.png" alt="" />
             </Box>
           </Grid>
         </Grid>

src/style.css

@@ -8,3 +8,19 @@
   margin: 0;
   padding: 0;
 }
+
+.banner-img {
+  animation: linear-move 5s infinite linear;
+}
+
+@keyframes linear-move {
+  0% {
+    transform: translateY(0);
+  }
+  50% {
+    transform: translateY(-20px);
+  }
+  100% {
+    transform: translateY(0);
+  }
+}