Card - Copy this React, Tailwind Component to your project

Create a smooth scrolling UI with three vertically placed large cards. As the user scrolls down: 1️⃣ The second card should overlap the first and stay stacked. 2️⃣ The third card should then scroll and stack over both previous cards. Use Framer Motion with useScroll and useTransform to dynamically adjust position, opacity, and z-index. Ensure a seamless stacking animation with depth simulation. Each card should have a modern gradient background, rounded corners, and soft shadows. Optimize performance with lazy loading and efficient rendering.