Aspect Ratio

Fixed-ratio containers for images, avatars, and video embeds so content never shifts layout as it loads.

3/3 dark-mode variants

16:9 image

Widescreen image container using Tailwind's aspect-video utility

Square avatar-style image container using Tailwind's aspect-square utility

Cinematic-ratio video placeholder with a centered play button overlay using an explicit CSS aspect-ratio value