Aspect Ratio Demo

/* eslint-disable @next/next/no-img-element */
 import { AspectRatio } from "@/registry/default/ui/aspect-ratio";

export default function AspectRatio01() {
  return (
    <div className="w-5xl overflow-hidden">
    <AspectRatio ratio={16 / 9} className="rounded-lg">
      <img
        src="/images/device/display.jpg"
        alt="Photo by Ali Imam" 
        className="h-full w-full rounded-lg object-cover"
      />
    </AspectRatio>
    </div>
  );
}