<p>Imagine we have the following simple black and white image.</p>
<div>
<img alt="Alt text for an image" class="" src="{% static 'the-first-image.png' %}" />
<p>This is the first caption.</p>
</div>
<div>
<img alt="A diamond shape made out of pixels" class="" src="{% static 'Lipsum.png' %}" />
<p>This is the second caption.</p>
</div>
<div>
<img alt="A diamond shape made out of pixels" class="" src="{% static 'pixel-diamond.png' %}" />
<p>This is the third caption.</p>
</div>
<p>One very simple way a computer can store this image in binary is by using a format where '0' means white and '1' means black (this is a "bit map", because we've mapped the pixels onto the values of bits). Using this method, the above image would be represented in the following way:</p>
