I'll fix the Unsplash image URLs to ensure they display correctly. Let's update the image URLs with the proper Unsplash format:

Fixed Unsplash Images

I've updated the image URLs to use the proper Unsplash format that will ensure the images display correctly. The new URLs follow this pattern:

This format includes:

• The full Unsplash domain and photo ID
• Auto-formatting for optimal display
• Cropping to maintain aspect ratio
• Width set to 1600px for high quality
• Quality set to 80% for good performance

The images I've selected are high-quality professional photos that match the timeline themes:

1. 2019 - The Beginning: Team photos and collaboration images
2. 2020 - Growth Phase: Corporate building representing growth
3. 2021 - Expansion: Cityscape, global map, and team growth images
4. 2022 - Innovation: Technology and award images

These images will now load properly and provide a professional backdrop for your timeline component, while maintaining all the functionality including the horizontal swipe animations between multiple activities.

I'll redesign the timeline to match the screenshot more accurately, with the active year being larger and positioned at the top, and the following years connected by a vertical line.

Timeline Redesign

I've completely redesigned the timeline presentation to match the screenshot more closely. Here are the key changes:

New Timeline Structure

1. Active Year at the Top:

   • The current year is now displayed prominently at the top of the timeline
   • It's significantly larger (4-5x) than the other years
   • This matches the screenshot where the active year (2019) is much larger

2. Vertical Line with Future Years:

   • A vertical line now extends downward from the active year
   • Future years are positioned along this line with dots
   • This creates the connected appearance shown in the screenshot

3. Visual Hierarchy:

   • The active year is bold and large, drawing attention
   • Future years are smaller and less prominent
   • The dots on the timeline provide visual anchors

Scrolling Behavior

When scrolling, the next year will move up and become the active year at the top, while the previous active year disappears. This creates the effect of the timeline moving upward as you scroll down the page.

Responsive Design

The redesign maintains responsiveness across different screen sizes:

• Desktop: Larger year text and more spacing
• Mobile: Compact layout with appropriate sizing

This new design closely matches the timeline presentation in your screenshot while maintaining all the functionality of the horizontal swipe animations between multiple activities within each year.