diff --git a/samples/react-flow-dashboard/README.md b/samples/react-flow-dashboard/README.md
index 82f3eb3cf..9ca232def 100644
--- a/samples/react-flow-dashboard/README.md
+++ b/samples/react-flow-dashboard/README.md
@@ -5,11 +5,13 @@
 This web part demonstrates displaying the list of flows and perform some basic actions on the flow.
 
 Flow Dashboard
-![](./assets/Dashboard.mp4)
+![](./assets/Dashboard.gif)
+
 Flow run history
-![](./assets/Flowrunhistory.mp4)
+![](./assets/Flowrunhistory.gif)
+
 Enabling stopped or suspended flows
-![](./assets/Enablingflows.mp4)
+![](./assets/Enablingflows.gif)
 
 
 ## Compatibility
diff --git a/samples/react-flow-dashboard/assets/Dashboard.gif b/samples/react-flow-dashboard/assets/Dashboard.gif
new file mode 100644
index 000000000..d50d6d963
Binary files /dev/null and b/samples/react-flow-dashboard/assets/Dashboard.gif differ
diff --git a/samples/react-flow-dashboard/assets/Enablingflows.gif b/samples/react-flow-dashboard/assets/Enablingflows.gif
new file mode 100644
index 000000000..4b46a092b
Binary files /dev/null and b/samples/react-flow-dashboard/assets/Enablingflows.gif differ
diff --git a/samples/react-flow-dashboard/assets/Enablingflows.mp4 b/samples/react-flow-dashboard/assets/Enablingflows.mp4
deleted file mode 100644
index b71a75aab..000000000
Binary files a/samples/react-flow-dashboard/assets/Enablingflows.mp4 and /dev/null differ
diff --git a/samples/react-flow-dashboard/assets/Dashboard.mp4 b/samples/react-flow-dashboard/assets/Flowrunhistory.gif
similarity index 50%
rename from samples/react-flow-dashboard/assets/Dashboard.mp4
rename to samples/react-flow-dashboard/assets/Flowrunhistory.gif
index b6c47650f..df54793f0 100644
Binary files a/samples/react-flow-dashboard/assets/Dashboard.mp4 and b/samples/react-flow-dashboard/assets/Flowrunhistory.gif differ
diff --git a/samples/react-flow-dashboard/assets/Flowrunhistory.mp4 b/samples/react-flow-dashboard/assets/Flowrunhistory.mp4
deleted file mode 100644
index 963ccd2d9..000000000
Binary files a/samples/react-flow-dashboard/assets/Flowrunhistory.mp4 and /dev/null differ
diff --git a/samples/react-flow-dashboard/assets/sample.json b/samples/react-flow-dashboard/assets/sample.json
index ab75eba26..064d95051 100644
--- a/samples/react-flow-dashboard/assets/sample.json
+++ b/samples/react-flow-dashboard/assets/sample.json
@@ -24,22 +24,22 @@
         ],
         "thumbnails": [
             {
-                "type": "video",
+                "type": "image",
                 "order": 100,
-                "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-flow-dashboard/assets/Dashboard.mp4",
+                "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-flow-dashboard/assets/Dashboard.gif",
                 "alt": "Web Part Preview"
             },
             {
-                "type": "video",
+                "type": "image",
                 "order": 101,
-                "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-flow-dashboard/assets/Flowrunhistory.mp4",
-                "alt": "Flow run history"
+                "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-flow-dashboard/assets/Flowrunhistory.gif",
+                "alt": "Flow run history preview"
             },
             {
-                "type": "video",
+                "type": "image",
                 "order": 102,
-                "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-flow-dashboard/assets/Enablingflows.mp4",
-                "alt": "Web Part Preview"
+                "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-flow-dashboard/assets/Enablingflows.gif",
+                "alt": "Enabling flows Preview"
             }
         ],
         "authors": [