diff --git a/_layouts/default.html b/_layouts/default.html
index b10c23c22..36c6d5e7b 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -4,8 +4,8 @@
     <meta charset="UTF-8">
 
 {% seo %}
-<meta property="og:image" content="{{ site.baseurl }}/screenshot.png">
-<meta property="twitter:image" content="{{ site.baseurl }}/screenshot.png">
+<meta property="og:image" content="{{ site.baseurl }}/assets/screenshot.png">
+<meta property="twitter:image" content="{{ site.baseurl }}/assets/screenshot.png">
     <link rel="preconnect" href="https://fonts.gstatic.com">
     <link rel="preload" href="https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap" as="style" type="text/css" crossorigin>
     <meta name="viewport" content="width=device-width, initial-scale=1">
diff --git a/assets/screenshot.gif b/assets/screenshot.gif
index 7504dec6f..3c003e572 100644
Binary files a/assets/screenshot.gif and b/assets/screenshot.gif differ