feat(worklets): adjust the view of the video promoting worklets (#8611)

## Summary

<img width="969" height="708" alt="image"
src="https://github.com/user-attachments/assets/94dd229c-189e-46ae-ae65-e25afe332b13"
/>


## Test plan

Author: skusnierz

docs/docs-worklets/src/components/HomepageAboutSection/index.tsx

@@ -12,7 +12,7 @@ export default function HomepageAboutSection(): JSX.Element {
       <div className={styles.videoContainer}>
         <iframe
           allowFullScreen
-          src="https://drive.google.com/file/d/1Js57i7_mnN41mqbIRU3NX3DIHGtcUMEU/preview"
+          src="https://www.youtube.com/embed/SHEyzLJ6hGY"
         />
       </div>
     </div>

docs/docs-worklets/src/components/HomepageAboutSection/styles.module.css

@@ -41,7 +41,19 @@
   }
 
   .videoContainer {
-    height: 200px;
+    height: 400px;
     margin-top: 24px;
   }
 }
+
+@media (max-width: 768px) {
+  .videoContainer {
+    height: 300px;
+  }
+}
+
+@media (max-width: 420px) {
+  .videoContainer {
+    height: 200px;
+  }
+}