Images display in browser, but not on codepen

Images display in browser, but not on codepen
0

Tell us what’s happening:
I finished the ‘Portfolio Challenge’ for the Responsive Web Design Projects. I used Visual Studio Code to edit it & copied the code into a codepen for submission. The images in my project display if I open them in browser, but they do not display on the codepen app.
The same applies for media queries, if I run the tests for the challenge using a browser, it does not give me a checkmark for media queries (and css flex-box in another challenge), but it does work on codepen.

Your code so far
https://codepen.io/Philiscoding/pen/pooJqPB
Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/77.0.3865.90 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/responsive-web-design-projects/build-a-personal-portfolio-webpage

The image files are on your computer. When you just open a file in the browser, it is not actually on the internet. It’s hosted on your computer. The internet does not have access to your personal computer files. In order to put files online, they need to be hosted on a web server.