Hacktoberfest: Change Homepage background from black to landscape Image and create Animation For Landscape Image

[BaloneyBoy97]

Original Issue #154

Description
As a user,
I want the homepage background to change from black to a landscape image and include animation,
So that the homepage feels visually appealing and more dynamic, enhancing the overall user experience.

Tasks

• Replace the black background on the homepage with the chosen landscape image.
  • Ensure the image is responsive and fits properly on all screen sizes
• Implement an animation for the landscape image
  • Ensure the animation is smooth and doesn’t hinder performance.
• Ensure the background change and animation do not interfere with other homepage elements
• regression free
  • committed code will not break other functionalities or previous commits
• Create a test cases for your code
  • Ensure that the tour starts correctly.
  • Ensure that users can skip or continue the tour seamlessly.
  • Ensure that the tour progresses step-by-step without issues.

Acceptance Criteria

• The black background is replaced by a landscape image that fits well on all screen sizes.
• The landscape image has smooth animation and does not cause performance issues.
• Other homepage elements (e.g., text, buttons) are still readable and functional after the background change.
• Code is well commented and adheres to the project’s code style.
• All test cases pass before merging the changes.
• The implementation should not break any existing functionality or pages.