html images not loading unless full filepath is used

Question

I originally transferred this project from windows to linux, and it was working completely fine on windows, but now images are not loading.

I have an image:

<img src="/assets/s1.png" alt="dinosaur">

And it is only loading on the webpage if I change the filepath to /home/user/Desktop/Project/assets/s1.png

The image file is in the folder assets and the assets folder and html file are both within the Project folder.

The weird thing is that when I change /home/user/Desktop/Project/assets/s1.png to /Desktop/Project/assets/s1.png it stops working. I would like to be able to only include the necessary path /assets/s1.png because I will need the path to stay the same if this project gets moved around between environments.