update demo video

Author: KianNH

src/components/Stream.astro

@@ -59,6 +59,7 @@ if (thumbnail) {
 						const totalSeconds = parse(time, "s");
 
 						const thumbnail = new URL(thumbnailUrl);
+						thumbnail.searchParams.set("fit", "crop");
 						thumbnail.searchParams.set("time", `${totalSeconds}s`);
 
 						return (

src/content/docs/style-guide/components/stream.mdx

@@ -13,9 +13,9 @@ import { Stream } from "~/components"
 import { Stream } from "~/components"
 
 <Stream
-    id="3c46281a9b2b84ee6776a53f87580c45"
-    title="Explore Workers AI Models Using a Jupyter Notebook"
-		thumbnail="2.5s"
+    id="0f5d548ef3f606e6833b78e0193847c4"
+    title="Connect and secure from any network to anywhere"
+		thumbnail="https://pub-d9bf66e086fb4b639107aa52105b49dd.r2.dev/Connect-and-secure-from-any-network-to-anywhere.jpg"
 		chapters={{
 			"Chapter 1": "30s",
 			"Chapter 2": "1m30s",
@@ -27,9 +27,9 @@ import { Stream } from "~/components"
 
 ```mdx
 <Stream
-    id="3c46281a9b2b84ee6776a53f87580c45"
-    title="Explore Workers AI Models Using a Jupyter Notebook"
-		thumbnail="2.5s"
+    id="0f5d548ef3f606e6833b78e0193847c4"
+    title="Connect and secure from any network to anywhere"
+		thumbnail="https://pub-d9bf66e086fb4b639107aa52105b49dd.r2.dev/Connect-and-secure-from-any-network-to-anywhere.jpg"
 		chapters={{
 			"Chapter 1": "30s",
 			"Chapter 2": "1m30s",