Create a responsive image carousel component for a Next.js project using ShadCN. The carousel should automatically cycle through images every 5 seconds, with smooth transitions. Each image should fill the container's width and height, maintain aspect ratio, and be responsive on all screen sizes. The carousel should include shadow and rounded corners. Add navigation dots at the bottom to indicate the current slide. Use Tailwind CSS for styling and ensure that the component is ready for deployment on Vercel.
| A shadcn/ui and v0 generation - v0
