feat: added comparison images

index.html

@@ -9,13 +9,16 @@
 		    text-align: center;
 		    margin-top: 50px;
 		}
+		{
+			box-sizing: border-box;
+		}
 		.column {
 			float: left;
   			width: 50%;
   			padding: 10px; 
+			height:300px;
 		}
-
-
+
 		.row:after {
   			content: "";
   			display: table;
@@ -30,13 +33,13 @@ <h1 style="background-color:powderblue;">Hello World</h1>
 
 	<h2>Spot the difference!</h2>
 	<div class="row">
-  		<div class="column" style="background-color:#aaa;">
-    			<h2>Column 1</h2>
-    			<p>Some text..</p>
+  		<div class="column">
+    			<h2>Iamge 1</h2>
+			<img src="static/winnie_difference_1.jpg" alt="image1" width="200">
   		</div>
-  		<div class="column" style="background-color:#bbb;">
-    			<h2>Column 2</h2>
-    			<p>Some text..</p>
+  		<div class="column">
+    			<h2>Image 2</h2>
+			<img src="static/winnie_difference_2.jpg" alt="image2" width="200">
   		</div>
 	</div>