fix the media size for HTML (iframe) previews

[pandurand]

Context

Follow up to #548 / #549

The media size for <iframe> is set to 533x533 with a w-full class. This results in the iframe to grow disproportionally when the window size changes. Namely, the width may grow while the height may not.

Proposed fix:

• Add the h-full class to circumvent the issue
• Add the rounded-2xl class for consistency with the design of the page.

Visual comparison

Before	After

Update

While at it, I propose to fix video media so that they can autoplay in a loop by adding a few attributes to the Video HTML tag:

• autoplay → turn on autoplay
• loop → to run in a loop
• playsinline → enables the feature on mobile devices
• muted → many browsers won't run autoplay if the video is not muted by default

[vercel[bot]]

@pandurand is attempting to deploy a commit to the Uneven Labs Team on Vercel.

A member of the Team first needs to authorize it.

[pedromcunha]

Made a mistake while merging and merged dev into your branch, sorry about that. I thought it would do the opposite but had a conflict that resulted in this. I just pulled your changes out and made a brand new branch + PR:

559

Let me know if I missed anything. We're testing and will merge this shortly if everything looks good. Thanks for the contribution.

[pandurand]

All good @pedromcunha — I double checked #559 and LGTM.