Implement Lazy Loading for Image Assets

[GautamAnjali569]

Description

Currently, all image assets are loaded at once, which can slow down performance. Implementing lazy loading will improve page speed and resource efficiency.

Steps to Implement

1. Identify components that load images.
2. Use the IntersectionObserver API to load images only when they enter the viewport.
3. Ensure a fallback placeholder is displayed while loading.
4. Test lazy loading on different screen sizes.

Expected Outcome

Faster loading times and improved performance, especially on slow networks.