<h3>Big Image</h3>
<p>
	Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
	tempor incididunt ut labore et dolore.
</p>
<p>
	<img
		src="https://mltshp-cdn.com/r/1OWNY?width=550&dpr=2.5"
		alt="Test Image"
	/>
</p>
<p>
	Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore
	eu fugiat nulla pariatur.
</p>

<h3>Small Image</h3>
<p>
	Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
	tempor incididunt ut labore et dolore.
</p>
<p>
	<img
		src="https://mltshp-cdn.com/r/1ND3N?width=340&dpr=1"
		alt="Small Test Image"
	/>
</p>
<p>Labore et dolore.</p>

<p>Figures are usually used to refer to images:</p>
<figure>
	<img alt="" src="https://mltshp-cdn.com/r/1PJ8Z?width=550&dpr=2" />
	<figcaption>
		<h4>Figure Heading</h4>
		<p>This is a placeholder image, with supporting caption.</p>
	</figcaption>
</figure>
<p>Here, a part of a poem is marked up using figure:</p>
<figure>
	<p>
		‘Twas brillig, and the slithy toves<br />
		Did gyre and gimble in the wabe;<br />
		All mimsy were the borogoves,<br />
		And the mome raths outgrabe.
	</p>
	<figcaption>
		<cite>Jabberwocky</cite> (first verse). Lewis Carroll, 1832-98
	</figcaption>
</figure>

<p>
	Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
	aliquip ex ea commodo consequat.
</p>
<div style="--aspect-ratio: 0.5625">
	<iframe
		width="1280"
		height="720"
		src="https://www.youtube.com/embed/v7MGUNV8MxU"
		frameborder="0"
		allowfullscreen
	></iframe>
</div>
<p>Culpa qui officia deserunt mollit anim id est laborum.</p>