diff --git a/ogcardeck/cards.html b/ogcardeck/cards.html
index 87e59da..90845f1 100644
--- a/ogcardeck/cards.html
+++ b/ogcardeck/cards.html
@@ -11,6 +11,24 @@
     <body>
     <section>
 
+    <div class="card">
+        <p id="up" class="up">'o ccafè</p>
+        <p id="down" class="down">the coffee</p>
+        <img src='./images/coffee.PNG'>
+    </div>
+
+    <div class="card">
+        <p id="up" class="up">'o ccafè</p>
+        <p id="down" class="down">the coffee</p>
+        <img src='./images/coffee.PNG'>
+    </div>
+
+    <div class="card">
+        <p id="up" class="up">'o ccafè</p>
+        <p id="down" class="down">the coffee</p>
+        <img src='./images/coffee.PNG'>
+    </div>
+
     <div class="card">
         <p id="up" class="up">'o ccafè</p>
         <p id="down" class="down">the coffee</p>
@@ -19,8 +37,7 @@
     </section>
 </body> 
 <script>
-    new CircleType(document.getElementById("#up")).radius(320); 
-    new CircleType(document.getElementById("#down")).dir(-1).radius(320); 
+    new CircleType(document.getElementById("up")).radius(380); 
+    new CircleType(document.getElementById("down")).dir(-1).radius(380); 
     </script>
-</html>
-
+</html>
\ No newline at end of file
diff --git a/ogcardeck/stylesheet.css b/ogcardeck/stylesheet.css
index f5e1300..836781d 100644
--- a/ogcardeck/stylesheet.css
+++ b/ogcardeck/stylesheet.css
@@ -17,3 +17,13 @@
     left: 0;
     margin: 8mm;
 }
+
+p {
+    position: absolute;
+    margin: 2mm;
+    width: 100%;
+}
+
+p.down {
+    bottom:0;  
+}
\ No newline at end of file
