21:9 ultrawide aspect ratio

<script setup lang="ts">
import { AspectRatio } from "@/components/ui/aspect-ratio"

const PIXEL =
  "data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs="
</script>

<template>
  <div class="w-full max-w-md">
    <AspectRatio :ratio="21 / 9" class="bg-muted rounded-xl overflow-hidden border">
      <img :src="PIXEL" alt="21:9" width="1000" height="800" class="h-full w-full object-cover" />
    </AspectRatio>
  </div>
</template>