Milestone Data - Copy this React, Tailwind Component to your project

I want a vertical progress bar with 6 milestones. As the user scrolls down, the progress bar moves downward, highlighting each milestone. When a milestone is reached, an image and text should appear with animation—sliding in from the left for odd milestones and from the right for even ones, as if emerging from behind the progress bar. Each should fade in and scale up from a smaller size. Animations should trigger only when the milestone enters the viewport.