img for connecticut stop card two

assets/styles/cards.css

@@ -7,6 +7,10 @@ p .card {
 	font-weight: 700;
 }
 
+ol + p {
+	margin-top: 1.5rem;
+}
+
 .stop {
 	color: var(--color-accent);
 	position: relative;

card-one/index.html

@@ -82,6 +82,20 @@
 				<h2>Belgium</h2>
 				<div class="spacer"></div>
 			</li>
+		</ol>
+
+		<p>
+			Unfortunately, card one stopped here at a recipient with ill health. Finally, I made the executive
+			decision to start a fresh card and send it on to the next recipient.
+		</p>
+
+		<ol>
+			<li class="stop">
+				<svg aria-hidden="true" viewBox="0 0 32 32" focusable="false">
+					<circle stroke="none" cx="16" cy="16" r="10"></circle>
+				</svg>
+				<h2>Washington, USA</h2>
+				<div class="spacer"></div>
 			</li>
 			<li class="stop">
 				<svg aria-hidden="true" viewBox="0 0 32 32" focusable="false">

card-two/index.html

@@ -127,6 +127,14 @@
 				<h2>Minnesota, USA</h2>
 				<div class="spacer"></div>
 			</li>
+			<li class="stop">
+				<svg aria-hidden="true" viewBox="0 0 32 32" focusable="false">
+					<circle stroke="none" cx="16" cy="16" r="10"></circle>
+				</svg>
+				<h2>Connecticut, USA</h2>
+				<img src="/assets/img/two/11.jpg"
+					alt="the inside of a card signed by eleven people">
+			</li>
 			<li class="stop">
 				<svg aria-hidden="true" viewBox="0 0 32 32" focusable="false">
 					<circle stroke="none" cx="16" cy="16" r="10"></circle>