The image is missing or not loaded

[mellash]

MDN URL

https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/CSS_layout/Introduction

What specific section or headline is this issue about?

Image is not there or access issues with the AWS

What information was incorrect, unhelpful, or incomplete?

In the below html code long.jpg is not loaded?

<h1>Basic document flow</h1>

<p>
  I am a basic block level element. My adjacent block level elements sit on new
  lines below me.
</p>

<p>
  By default we span 100% of the width of our parent element, and we are as tall
  as our child content. Our total width and height is our content + padding +
  border width/height.
</p>

<p>
  We are separated by our margins. Because of margin collapsing, we are
  separated by the size of one of our margins, not both.
</p>

<p>
  Inline elements <span>like this one</span> and <span>this one</span> sit on
  the same line along with adjacent text nodes, if there is space on the same
  line. Overflowing inline elements will
  <span>wrap onto a new line if possible (like this one containing text)</span>,
  or just go on to a new line if not, much like this image will do:
  <img src="long.jpg" alt="snippet of cloth" />
</p>

What did you expect to see?

The long image

Do you have any supporting links, references, or citations?

The image is loaded from this AWS S3: https://05d36b1d871d61e02ce97e7303f0ad9beaff46dc.mdnplay.dev/en-US/docs/Learn_web_development/Core/CSS_layout/Introduction/long.jpg

Do you have anything more you want to share?

Not much, thank you for the awesome content, If it help I can fix the issues temporally by linking my long image from my page