Replace screenshot with video

Author: benjie

public/videos/graphiql5.webm

@@ -18,7 +18,10 @@ import { Callout } from "nextra/components"
 > and we are beyond excited to see it finally reach fruition!
 
 <figure className="mt-6">
-  <>![GraphiQL 5 with Monaco Editor Preview](./graphiql-5.png)</>
+  <video autoPlay muted loop playsInline style={{ maxWidth: '100%', borderRadius: '0.5rem' }}>
+    <source src="/videos/graphiql5.webm" type="video/webm" />
+    Your browser does not support the video tag.
+  </video>
   {/* prettier-ignore */}
   <figcaption className="mt-2 text-center">GraphiQL 5 with Monaco Editor Preview</figcaption>
 </figure>