feat: The Odin Project pictures

[Sembauke]

Checklist:

• I have read freeCodeCamp's contribution guidelines.
• My pull request has a descriptive title (not a vague title like Update index.md)

Closes #XXXXX

[naomi-lgbt]

Before merging, need to confirm that all of the instructional text content in these images is mirrored in the challenge texts for i18n purposes.

[Sembauke]

Now how would we link the images for the different locales?

[naomi-lgbt]

The images themselves can stay as they are, but the text content in the challenge needs to reflect all of the information in the image. For example, for this li'l guy I might include the following text in the challenge:

In the above image, the padding text points to the padding of the element, the border text points to the border of the element, and the margin text points to the margin of the element.

[Sembauke]

But what has that to do with these images? We can reflect on the description of these images in the main repo.
This is the CDN repo.

[naomi-lgbt]

We can reflect on the description of these images in the main repo.

Yes, that is what I am asking. I want to make sure that is either already done, or in the works, so that it doesn't get forgotten about and become an i18n nightmare later. :3

[Sembauke]

I was planning on doing this when updating the URLs 🙃