diff --git a/.dockerignore b/.dockerignore
index a1c007b00e..4cf045c0ce 100644
--- a/.dockerignore
+++ b/.dockerignore
@@ -4,7 +4,6 @@
 /npm/
 /pypi/
 /website/
-/img/
 
 # Files
 .editorconfig
diff --git a/README.md b/README.md
index 74c3dc0273..95143f26ef 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
 <p align="center">
     <a href="https://git-cliff.org">
-        <img src="https://raw.githubusercontent.com/orhun/git-cliff/main/img/git-cliff-logo.png" width="300"></a>
+        <img src="https://raw.githubusercontent.com/orhun/git-cliff/main/website/static/img/git-cliff-logo.png" width="300"></a>
     <br>
     <a href="https://github.com/orhun/git-cliff/releases">
         <img src="https://img.shields.io/github/v/release/orhun/git-cliff?style=flat&labelColor=1C2C2E&color=C96329&logo=GitHub&logoColor=white">
@@ -40,7 +40,7 @@
 
 **git-cliff** can generate [changelog](https://en.wikipedia.org/wiki/Changelog) files from the [Git](https://git-scm.com/) history by utilizing [conventional commits](https://git-cliff.org/docs/configuration#conventional_commits) as well as regex-powered [custom parsers](https://git-cliff.org/docs/configuration#commit_parsers). The [changelog template](https://git-cliff.org/docs/category/templating) can be customized with a [configuration file](https://git-cliff.org/docs/configuration) to match the desired format.
 
-![preview](https://raw.githubusercontent.com/orhun/git-cliff/main/img/git-cliff-preview.png)
+![animation](https://git-cliff.org/img/git-cliff-anim.gif)
 
 ## Documentation
 
diff --git a/img/git-cliff-preview.png b/img/git-cliff-preview.png
deleted file mode 100644
index df797bbf4d..0000000000
Binary files a/img/git-cliff-preview.png and /dev/null differ
diff --git a/website/blog/git-cliff-0.5.0.md b/website/blog/git-cliff-0.5.0.md
index d99591205e..1dc44c430a 100644
--- a/website/blog/git-cliff-0.5.0.md
+++ b/website/blog/git-cliff-0.5.0.md
@@ -11,7 +11,7 @@ In this post, I'm explaining the new features in the 0.5.0 release while giving
 <center>
 
  <a href="https://github.com/orhun/git-cliff">
-    <img src="https://raw.githubusercontent.com/orhun/git-cliff/main/img/git-cliff-banner.jpg" />
+    <img src="/img/git-cliff-banner.jpg" />
 </a>
 
 </center>
diff --git a/website/blog/git-cliff-1.2.0.md b/website/blog/git-cliff-1.2.0.md
index 7c4672eccd..f86d7a945c 100644
--- a/website/blog/git-cliff-1.2.0.md
+++ b/website/blog/git-cliff-1.2.0.md
@@ -11,7 +11,7 @@ In this post, I'm giving a brief introduction to the new features in the 1.2.0 r
 <center>
 
  <a href="https://github.com/orhun/git-cliff">
-    <img src="https://raw.githubusercontent.com/orhun/git-cliff/main/img/git-cliff-banner.jpg" />
+    <img src="/img/git-cliff-banner.jpg" />
 </a>
 
 </center>
diff --git a/website/blog/git-cliff-1.3.0.md b/website/blog/git-cliff-1.3.0.md
index 0b3611bdc9..6859079500 100644
--- a/website/blog/git-cliff-1.3.0.md
+++ b/website/blog/git-cliff-1.3.0.md
@@ -6,11 +6,10 @@ authors: orhun
 tags:
   - release
 ---
-
 <center>
 
  <a href="https://github.com/orhun/git-cliff">
-    <img src="https://raw.githubusercontent.com/orhun/git-cliff/main/img/git-cliff-banner.jpg" />
+    <img src="/img/git-cliff-banner.jpg" />
 </a>
 
 </center>
diff --git a/website/blog/git-cliff-1.4.0.md b/website/blog/git-cliff-1.4.0.md
index da19853c4d..d42bc2d63b 100644
--- a/website/blog/git-cliff-1.4.0.md
+++ b/website/blog/git-cliff-1.4.0.md
@@ -6,11 +6,10 @@ authors: orhun
 tags:
   - release
 ---
-
 <center>
 
  <a href="https://github.com/orhun/git-cliff">
-    <img src="https://raw.githubusercontent.com/orhun/git-cliff/main/img/git-cliff-banner.jpg" />
+    <img src="/img/git-cliff-banner.jpg" />
 </a>
 
 </center>
diff --git a/website/src/pages/index.module.css b/website/src/pages/index.module.css
index b57f10a927..3bf638883c 100644
--- a/website/src/pages/index.module.css
+++ b/website/src/pages/index.module.css
@@ -12,6 +12,7 @@
   0% {
     opacity: 0;
   }
+
   100% {
     opacity: 1;
   }
@@ -36,21 +37,14 @@
   display: flex;
   align-items: center;
   justify-content: center;
+  padding-bottom: 10px;
 }
 
-.titleText {
-  font-family: "A Angkanya Sebelas";
-}
-
-.titleText span:first-child {
-  color: #1c2c2e;
-}
-
-.titleText span:last-child {
-  color: #c96329;
+.bodyContainer {
+  animation: intro 1s both;
+  animation-delay: 0.15s;
 }
 
 .animContainer {
-  animation: intro 1s both;
-  animation-delay: 0.15s;
+  padding: 20px;
 }
diff --git a/website/src/pages/index.tsx b/website/src/pages/index.tsx
index 14eb86ae85..5cfd8357e6 100644
--- a/website/src/pages/index.tsx
+++ b/website/src/pages/index.tsx
@@ -12,21 +12,14 @@ function HomepageHeader() {
   return (
     <header className={clsx("hero hero--primary", styles.heroBanner)}>
       <div className="container">
-        <div className={styles.animContainer}>
-          <img src="/img/git-cliff.png" />
-          <h1>
-            <div className={clsx("hero__title", styles.titleText)}>
-              <span>git-</span>
-              <span>cliff</span>
-            </div>
-          </h1>
+        <div className={styles.bodyContainer}>
+          <img className={styles.animContainer} src="/img/git-cliff-anim.gif" />
           <p className="hero__subtitle">{siteConfig.tagline}</p>
           <div className={styles.buttons}>
             <Link className="button button--secondary button--lg" to="/docs/">
               Get Started
             </Link>
           </div>
-          <img src="/img/demo.png" />
         </div>
       </div>
     </header>
diff --git a/website/static/img/demo.png b/website/static/img/demo.png
deleted file mode 100644
index df797bbf4d..0000000000
Binary files a/website/static/img/demo.png and /dev/null differ
diff --git a/website/static/img/git-cliff-anim.gif b/website/static/img/git-cliff-anim.gif
new file mode 100644
index 0000000000..f19639bdda
Binary files /dev/null and b/website/static/img/git-cliff-anim.gif differ
diff --git a/img/git-cliff-banner.jpg b/website/static/img/git-cliff-banner.jpg
similarity index 100%
rename from img/git-cliff-banner.jpg
rename to website/static/img/git-cliff-banner.jpg
diff --git a/img/git-cliff-logo.png b/website/static/img/git-cliff-logo.png
similarity index 100%
rename from img/git-cliff-logo.png
rename to website/static/img/git-cliff-logo.png