Add Image to fragment

Reorganize the page wheredideveryonego#3 to show the first fragment from the get-go
and then fade in the image text and the second fragment.

docs/css/slideshow-style.css

@@ -41,4 +41,10 @@ body, .reveal {
 .reveal .slides > section.slim
 {
     width: 25%;
-}
+}
+
+.no-border
+{
+    border: none !important;
+    box-shadow: none !important;
+}

docs/index.html

@@ -26,15 +26,18 @@
 		<div class="reveal">
 			<div class="slides">
 				<section class="left" data-background="images/back-3.jpg" data-background-size="contain" data-background-repeat="no-repeat">
-					<p id="fragment-1-1" class="fragment fade">
+					<p>
+						<br>
+						<br>
+						<br>
+						<br>
+						<br>
 						You might look out the window and ask, “Why are we all inside?"
-						<br/>
-						<br/>
-						<br/>
-						<br/>
-						<br/>
 					</p>
-					<p id="fragment-1-2" class="fragment fade">Is it still there? Did someone take it away? Where has everyone gone to play?</p>
+					<p class="fragment fade">
+						<img class="no-border" data-src="images/3-left.jpg">
+						Is it still there? Did someone take it away? Where has everyone gone to play?
+					</p>
 
 				</section>
 				<section class="left" data-background="images/back-4.jpg" data-background-size="contain" data-background-repeat="no-repeat">