diff --git a/src/css/custom.scss b/src/css/custom.scss
index 673ceba1..4a53462c 100644
--- a/src/css/custom.scss
+++ b/src/css/custom.scss
@@ -74,10 +74,6 @@ div:has(.community-container) > .container {
   margin-top: -40%;
 }
 
-.main-wrapper > .container {
-  overflow-x: hidden;
-}
-
 @media screen and (min-width: 1200px) {
   .mdx-hero > .mdx-hero-image > img {
     margin-right: -160px;
@@ -89,8 +85,8 @@ div:has(.community-container) > .container {
     position: absolute;
     right: 0;
     top: 0;
-    margin-right: -200px;
-    margin-top: -50%;
+    margin-right: -250px;
+    margin-top: -55%;
     scale: 0.95;
   }
 }
@@ -134,6 +130,6 @@ div:has(.community-container) > .container {
   .mdx-hero > .mdx-hero-image > img {
     margin-top: -5%;
     margin-right: -20px;
-    scale: 1.2;
+    scale: 0.95;
   }
 }
diff --git a/src/pages/index.mdx b/src/pages/index.mdx
index 380a649a..4f79a1d1 100644
--- a/src/pages/index.mdx
+++ b/src/pages/index.mdx
@@ -39,7 +39,7 @@ import Link from '@docusaurus/Link'
       </HeroAction>
     </HeroActions>
   </HeroInfo>
-  <HeroImage src="/hero/hero-image.png" alt="alt" />
+  <HeroImage src="/hero/hero-image.gif" alt="hero-image" />
 </Hero>
 
 <Box>
diff --git a/static/hero/hero-image.gif b/static/hero/hero-image.gif
new file mode 100644
index 00000000..18a15108
Binary files /dev/null and b/static/hero/hero-image.gif differ