diff --git a/docs/components/Page/CTA.tsx b/docs/components/Page/CTA.tsx
index 3678d6b6..13ef1f78 100644
--- a/docs/components/Page/CTA.tsx
+++ b/docs/components/Page/CTA.tsx
@@ -40,7 +40,7 @@ export const CTA: React.FunctionComponent<ICTAProps> = (props: React.PropsWithCh
           <div className={`relative sm:mx-auto sm:max-w-3xl sm:px-0 lg:-mr-40 lg:max-w-none lg:h-full lg:pl-12`}>
             <img 
               className={`w-full lg:h-full lg:w-auto lg:max-w-none`} 
-              src={`https://res.cloudinary.com/estruyf/image/upload/h_710,w_1256/v1631342259/site-preview_fakwnq.png`} 
+              src={`https://res.cloudinary.com/estruyf/image/upload/w_1256/v1631520508/frontmatter/preview.png`} 
               alt={`Front Matter - Headless CMS - Live page preview`}
               loading={`lazy`} />
           </div>
diff --git a/docs/content/changelog/CHANGELOG.md b/docs/content/changelog/CHANGELOG.md
index beafba36..7eccd5ed 100644
--- a/docs/content/changelog/CHANGELOG.md
+++ b/docs/content/changelog/CHANGELOG.md
@@ -1,6 +1,6 @@
 # Change Log
 
-## [3.1.0] - (Upcoming release)
+## [3.1.0] - 2021-09-10
 
 - BETA version available at: [beta.frontmatter.codes](https://beta.frontmatter.codes)
 - [#72](https://github.com/estruyf/vscode-front-matter/issues/72): Media view on the dashboard
diff --git a/docs/content/docs/dashboard.md b/docs/content/docs/dashboard.md
index 2683e568..7c6e02f2 100644
--- a/docs/content/docs/dashboard.md
+++ b/docs/content/docs/dashboard.md
@@ -13,11 +13,11 @@ Managing your Markdown pages/media has never been easier in VS Code. With the Fr
 
 On the contents view, you can **search**, **filter**, **sort** your pages and much more.
 
-![Dashboard - Contents view](/assets/dashboard.png)
+![Dashboard - Contents view](https://res.cloudinary.com/estruyf/image/upload/w_1256/v1631520508/frontmatter/dashboard.png)
 
 On the media view, you can quickly glance all the available media files in your project and perform quick actions like copying the relative path.
 
-![Dashboard - Media view](/assets/media.png)
+![Dashboard - Media view](https://res.cloudinary.com/estruyf/image/upload/w_1256/v1631520508/frontmatter/media.png)
 
 In order to start using the dashboard, you will have to let the extension know in which folder(s) it can find your pages. Be sure to follow our [getting started](/docs/getting-started) guide.
 
diff --git a/docs/content/docs/index.md b/docs/content/docs/index.md
index 126702b9..0cdd110b 100644
--- a/docs/content/docs/index.md
+++ b/docs/content/docs/index.md
@@ -23,7 +23,7 @@ Our main extension features are:
 - Support for custom actions/scripts
 - and many more
 
-![Site preview](/assets/site-preview.png)
+![Site preview](https://res.cloudinary.com/estruyf/image/upload/w_1256/v1631520508/frontmatter/preview.png)
 
 ## Why Front Matter?
 
diff --git a/docs/pages/index.tsx b/docs/pages/index.tsx
index 86b4e707..713c29d7 100644
--- a/docs/pages/index.tsx
+++ b/docs/pages/index.tsx
@@ -32,7 +32,7 @@ const Home: NextPage = () => {
               </p>
             </>
           )}
-          imgSrc={"https://res.cloudinary.com/estruyf/image/upload/h_710,w_1256/dpr_3.0/v1631342303/dashboard_bdu3xl.png"}
+          imgSrc={"https://res.cloudinary.com/estruyf/image/upload/w_1256/v1631520508/frontmatter/dashboard.png"}
           imgAlt={"Front Matter CMS editor dashboard of your static site content"}
           link={`/docs/getting-started`}
           linkText={strings(`hero_button_primary`)} />
@@ -42,7 +42,7 @@ const Home: NextPage = () => {
           view={"right"}
           title={strings(`hero_media_title`)}
           description={strings(`hero_media_description`)}
-          imgSrc={"https://res.cloudinary.com/estruyf/image/upload/h_710,w_1256/dpr_3.0/v1631342349/media_p1nhry.png"}
+          imgSrc={"https://res.cloudinary.com/estruyf/image/upload/w_1256/v1631520508/frontmatter/media.png"}
           imgAlt={"Front Matter CMS - media management was never easier in VS Code"}
           link={`/docs/dashboard`}
           linkText={strings(`hero_media_button_primary`)}