Photo Stack

Three polaroid photos fanned out at different rotations and offsets, stacking left to right.

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

import { Media5 } from "@/components/beste/piece/media5";

<Media5
  photos={[
    {
      "src": "https://images.unsplash.com/photo-1519627457373-b60a0da1706b?w=200&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1yZWxhdGVkfDZ8fHxlbnwwfHx8fHw%3D",
      "alt": "Mountain lake"
    },
    {
      "src": "https://images.unsplash.com/photo-1459314079206-9970f36c7784?q=80&w=200&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
      "alt": "Forest canopy"
    },
    {
      "src": "https://images.unsplash.com/photo-1605185189315-fc269c231e41?w=200&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8N3x8bGVtb258ZW58MHx8MHx8fDA%3D",
      "alt": "Alpine ridge"
    }
  ]}
/>