How to make images not disappear in codepen. Where is the mistake?

Question

Web development

They make a site in the codepen sandbox, use imgur as image hosting, insert the image into html like this:

<img class="img-responsive" src="http://i.imgur.com/jPZCd9E.png" alt="" />

And I use one for the background:

background-image: url("http://i.imgur.com/mqRBikN.jpg");

Everything works until you exit the foam, then when you go back in, neither the background nor the logo is displayed until you copy the image link and upload it in another tab. What's wrong?

Answer 1

Is the alternative to make it inline suitable?
https://ru.wikipedia.org/wiki/Data:_URL#.D0.A4.D0....
you need to recode the file to b64, for example Total Commander -> menu -> file -> encode MIME
from the received file copy-paste the solid character set at the bottom in html resulting in a form
<img src="data:image/png;base64,КУЧА_СИМВОЛОВ" />