diff --git a/README.md b/README.md
index 42475cb6..6dc02916 100644
--- a/README.md
+++ b/README.md
@@ -10,7 +10,7 @@
 
 ## Remote team collaboration with agile story pointing, sprint retrospective, story mapping and async team check-in.
 
-![image](https://user-images.githubusercontent.com/846933/95778842-eb76ef00-0c96-11eb-99d8-af5d098c12ee.png)
+![image](docs/img/main_preview.png)
 
 ## Streamline your team's agile stand-up with Team Checkins
 
diff --git a/docs/img/main_preview.png b/docs/img/main_preview.png
new file mode 100644
index 00000000..609c40ce
Binary files /dev/null and b/docs/img/main_preview.png differ
diff --git a/ui/public/img/poker_options.png b/ui/public/img/poker_options.png
new file mode 100644
index 00000000..accb7a2e
Binary files /dev/null and b/ui/public/img/poker_options.png differ
diff --git a/ui/public/img/web_poker_preview.png b/ui/public/img/web_poker_preview.png
new file mode 100644
index 00000000..111ec761
Binary files /dev/null and b/ui/public/img/web_poker_preview.png differ
diff --git a/ui/src/pages/Landing.svelte b/ui/src/pages/Landing.svelte
index 9d713997..164fd4a1 100644
--- a/ui/src/pages/Landing.svelte
+++ b/ui/src/pages/Landing.svelte
@@ -89,7 +89,7 @@
           <div>
             <img
               class="w-full rounded-b"
-              src="https://user-images.githubusercontent.com/846933/144792533-351cbc72-877e-4832-a4ce-d3b184e0c97e.png"
+              src="{PathPrefix}/img/web_poker_preview.png"
               alt="{$LL.appPreviewAlt()}"
             />
           </div>
@@ -137,7 +137,7 @@
       </div>
       <div class="mt-4 md:mt-0 md:w-1/2">
         <img
-          src="https://user-images.githubusercontent.com/846933/144793090-a0f33f90-b679-464c-89b2-9bfb27a18e10.png"
+          src="{PathPrefix}/img/poker_options.png"
           alt="customizable game options preview"
           class="w-3/4 m-auto shadow-xl"
         />