I checked the guide but I can't seem to get it right. The guide told me to do ![]() formatting (minus the ! mark), with the link of the picture. I tried using the link with the .png format I think I'm supposed to, posted here https://i.imgur.com/VAFhHEB.png and in this format-  But it instead keeps turning into a link rather than a picture.
Looks like you are linking to the page rather than the image itself. Try right clicking to open image in new tab then copying that url. https://i.imgur.com/VAFhHEB_d.webp?maxwidth=640&shape=thumb&fidelity=medium It'll end .webp rather than .png but that shoul still work
The link actually looks right - Imgur uses i.imgur.com for its files, if I recall correctly. This particular link appears to redirect to the page and not the image, which is very strange, but I can't see an issue with it. This is most likely the problem. []() is for links, ![]() is for images. You could also try removing the text between the [], especially if you're using RTE. For some reason RTE has trouble with handling the text in the [], and regardless, it doesn't matter as that text can just be added below the image.
Escaping Markdown syntax characters is done with backslashes \ It's also possible to use Markdown to show code without escaping. On the site, these code sections are shown in red.