update count for card 3

assets/styles/main.css

@@ -24,7 +24,7 @@ body {
 }
 
 main {
-	width: 65%;
+	width: 55%;
 	margin: 0 auto 2rem;
 	scroll-margin-top: 1.5rem;
 	min-height: 50vh;

card-one/index.html

@@ -45,6 +45,11 @@
 				<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>Italy</h2>
+					<img src="/assets/img/one/01.jpg" alt="an open pop-up greeting card viewed from the top. there's what appears to be a black butterfly or moth sticker in it. next to it is a note that someone has signed."/>
+				</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>Oregon, USA</h2>
 					<div class="spacer"></div>
 				</li>
 				<li class="stop">

card-three/index.html

@@ -34,7 +34,7 @@
 		<main id="main">
 			<h1>The Travels of <span class="card">Card Three</span></h1>
 
-			<p>7 people are signed up for <span class="card">card three</span> so far.</p>
+			<p>10 people are signed up for <span class="card">card three</span> so far.</p>
 		</main>
 
 		<footer id="footer"><!-- auto populated by nav.js --></footer>

card-two/index.html

@@ -55,8 +55,9 @@
 				<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>Netherlands</h2>
-					<div class="spacer"></div>
-				</li>				<li class="stop">
+					<img src="/assets/img/two/03.jpg" alt="the inside of the card with several signatures: freddie, herzleid, laen, and flann"/>
+				</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>???</h2>
 					<div class="spacer"></div>