The youtube videos of the collaborative training blog post are not readable on mobiles

[SaulLu]

The issue concerns the blog post "Deep Learning over the Internet: Training Language Models Collaboratively" https://hf.co/blog/collaborative-training.

There are two videos - youtube embeddings - in this blog post that integrate well with the blog post when we read it on a computer but display poorly when on mobile.

On computer, the video is well aligned with the text:

On mobile, the video is out of frame:

video_mobile.mp4

This issue was originally spotted by @gary149 in this PR

[mishig25]

@SaulLum, please use change you've already made:

<div class="aspect-w-16 aspect-h-9">
<iframe src="https://www.youtube-nocookie.com/embed/zdVsg5zsGdc" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>

Wrap iframe inside <div class="aspect-w-16 aspect-h-9"> ... /div and remove width height from iframe.
Also, please feel free to update any other blog post with YT embed.
(moon-landing##1003 needs to be merged to take effect)
Please let me know if you have any questions or comments 👍

ytembed.mov

[SaulLu]

Thank you so much 👍 ! It works like a charm 🎊