'Images not visible while deploying on github

I am facing a problem with the site published using GitHub. The images are not getting displayed when I publish the site. However, it is displayed on my local computer.

The images are present in the img folder.

I am not able to get where is the problem occurring and how to resolve it.

github repo link: https://github.com/Scientist69/Gym-Webpage

GitHub deployment link: https://scientist69.github.io/Gym-Webpage/



Solution 1:[1]

try removing the first slash(/) in image links in index.html.

 <img src="/img/bg.webp" alt="" />

To

 <img src="img/bg.webp" alt="" />

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Dant3s