diff --git a/book-page-devo-1.JPG b/book-page-devo-1.JPG
new file mode 100644
index 0000000..bcde119
Binary files /dev/null and b/book-page-devo-1.JPG differ
diff --git a/book-page-devo-2.JPG b/book-page-devo-2.JPG
new file mode 100644
index 0000000..63ae11d
Binary files /dev/null and b/book-page-devo-2.JPG differ
diff --git a/book-page-intro-left.JPG b/book-page-intro-left.JPG
new file mode 100644
index 0000000..121ccee
Binary files /dev/null and b/book-page-intro-left.JPG differ
diff --git a/book-page-intro-right.JPG b/book-page-intro-right.JPG
new file mode 100644
index 0000000..7387504
Binary files /dev/null and b/book-page-intro-right.JPG differ
diff --git a/book-panel-back.jpg b/book-panel-back.jpg
new file mode 100644
index 0000000..8e5945f
Binary files /dev/null and b/book-panel-back.jpg differ
diff --git a/book-panel-cover.jpg b/book-panel-cover.jpg
new file mode 100644
index 0000000..e5ed457
Binary files /dev/null and b/book-panel-cover.jpg differ
diff --git a/index.html b/index.html
index 67b805e..7ea39f8 100644
--- a/index.html
+++ b/index.html
@@ -10,7 +10,7 @@
     <style>
         .Shot
         {
-            transform: perspective(400px);
+            transform: perspective(1000px);
             transform-style: preserve-3d;
             width:500px;
             height: 400px;
@@ -19,19 +19,20 @@
         }
         .Table
         {
+            height:100%;
             transform:rotateY(-70deg);
             transform-style: preserve-3d;
             transition: transform 1s;
         }
         .Table[show="cover"]{ transform:rotateY(-70deg); }
         .Table[show="spine"]{ transform:rotateY(-10deg); }
-        .Table[show="back" ]{ transform:rotateY(115deg); }
-        .Table[show="pages"]{ transform:rotateY(-180deg) translateZ(-150px); }
+        .Table[show="back" ]{ transform:rotateY(-235deg); }
+        .Table[show="pages"]{ transform:rotateY(-180deg); }
 
 
         .Book
         {
-            transform: translateY(50%) translateZ(60px);
+            height:100%;
             transform-style: preserve-3d;
             position: relative;
             display:inline-block;
@@ -114,23 +115,23 @@ background-image: conic-gradient(from 0deg at 0% 0%, #00000000 33%, #000000FF 75
     <div class="Shot">
         <div class="Table" show="cover">
             <div class="Book">
-                <img style="display:block;" src="http://placekitten.com/20/200"/>
+                <img style="display:block; height:100%; width:auto;" src="http://placekitten.com/20/200"/>
                 <div class="Spine">
-                    <div class="Spine__Glue" swing="closed"><div class="Panel Cover Front"><img src="http://placekitten.com/120/200"/><img src="http://placekitten.com/120/200"/></div></div>
-                    <div class="Spine__Glue" swing="closed"><div class="Panel Page"><img src="http://via.placeholder.com/120x200.jpg?Text=LEFT"/><img src="http://via.placeholder.com/120x200.jpg?Text=RIGHT"/></div></div>
-                    <div class="Spine__Glue" swing="closed"><div class="Panel Page"><img src="http://via.placeholder.com/120x200.jpg?Text=LEFT"/><img src="http://via.placeholder.com/120x200.jpg?Text=RIGHT"/></div></div>
-                    <div class="Spine__Glue" swing="closed"><div class="Panel Page"><img src="http://via.placeholder.com/120x200.jpg?Text=LEFT"/><img src="http://via.placeholder.com/120x200.jpg?Text=RIGHT"/></div></div>
-                    <div class="Spine__Glue" swing="closed"><div class="Panel Page"><img src="http://via.placeholder.com/120x200.jpg?Text=LEFT"/><img src="http://via.placeholder.com/120x200.jpg?Text=RIGHT"/></div></div>
-                    <div class="Spine__Glue" swing="closed"><div class="Panel Page"><img src="http://via.placeholder.com/120x200.jpg?Text=LEFT"/><img src="http://via.placeholder.com/120x200.jpg?Text=RIGHT"/></div></div>
-                    <div class="Spine__Glue" swing="closed"><div class="Panel Page"><img src="http://via.placeholder.com/120x200.jpg?Text=LEFT"/><img src="http://via.placeholder.com/120x200.jpg?Text=RIGHT"/></div></div>
-                    <div class="Spine__Glue" swing="closed"><div class="Panel Page"><img src="http://via.placeholder.com/120x200.jpg?Text=LEFT"/><img src="http://via.placeholder.com/120x200.jpg?Text=RIGHT"/></div></div>
-                    <div class="Spine__Glue" swing="closed"><div class="Panel Page"><img src="http://via.placeholder.com/120x200.jpg?Text=LEFT"/><img src="http://via.placeholder.com/120x200.jpg?Text=RIGHT"/></div></div>
-                    <div class="Spine__Glue" swing="closed"><div class="Panel Page"><img src="http://via.placeholder.com/120x200.jpg?Text=LEFT"/><img src="http://via.placeholder.com/120x200.jpg?Text=RIGHT"/></div></div>
-                    <div class="Spine__Glue" swing="closed"><div class="Panel Page"><img src="http://via.placeholder.com/120x200.jpg?Text=LEFT"/><img src="http://via.placeholder.com/120x200.jpg?Text=RIGHT"/></div></div>
-                    <div class="Spine__Glue" swing="closed"><div class="Panel Page"><img src="http://via.placeholder.com/120x200.jpg?Text=LEFT"/><img src="http://via.placeholder.com/120x200.jpg?Text=RIGHT"/></div></div>
-                    <div class="Spine__Glue" swing="closed"><div class="Panel Page"><img src="http://via.placeholder.com/120x200.jpg?Text=LEFT"/><img src="http://via.placeholder.com/120x200.jpg?Text=RIGHT"/></div></div>
-                    <div class="Spine__Glue" swing="closed"><div class="Panel Page"><img src="http://via.placeholder.com/120x200.jpg?Text=LEFT"/><img src="http://via.placeholder.com/120x200.jpg?Text=RIGHT"/></div></div>
-                    <div class="Spine__Glue" swing="closed"><div class="Panel Cover Back"><img src="http://placekitten.com/120/200"/><img src="http://placekitten.com/120/200"/></div></div>
+                    <div class="Spine__Glue" swing="closed"><div class="Panel Cover Front"><img src="book-panel-cover.jpg"/><img src="book-panel-cover.jpg"/></div></div>
+                    <div class="Spine__Glue" swing="closed"><div class="Panel Page"><img src="book-page-devo-1.JPG"/><img src="http://via.placeholder.com/120x200.jpg?Text=RIGHT"/></div></div>
+                    <div class="Spine__Glue" swing="closed"><div class="Panel Page"><img src="book-page-devo-1.JPG"/><img src="http://via.placeholder.com/120x200.jpg?Text=RIGHT"/></div></div>
+                    <div class="Spine__Glue" swing="closed"><div class="Panel Page"><img src="book-page-devo-1.JPG"/><img src="http://via.placeholder.com/120x200.jpg?Text=RIGHT"/></div></div>
+                    <div class="Spine__Glue" swing="closed"><div class="Panel Page"><img src="book-page-devo-1.JPG"/><img src="http://via.placeholder.com/120x200.jpg?Text=RIGHT"/></div></div>
+                    <div class="Spine__Glue" swing="closed"><div class="Panel Page"><img src="book-page-devo-1.JPG"/><img src="http://via.placeholder.com/120x200.jpg?Text=RIGHT"/></div></div>
+                    <div class="Spine__Glue" swing="closed"><div class="Panel Page"><img src="book-page-devo-1.JPG"/><img src="http://via.placeholder.com/120x200.jpg?Text=RIGHT"/></div></div>
+                    <div class="Spine__Glue" swing="closed"><div class="Panel Page"><img src="book-page-devo-1.JPG"/><img src="http://via.placeholder.com/120x200.jpg?Text=RIGHT"/></div></div>
+                    <div class="Spine__Glue" swing="closed"><div class="Panel Page"><img src="book-page-devo-1.JPG"/><img src="http://via.placeholder.com/120x200.jpg?Text=RIGHT"/></div></div>
+                    <div class="Spine__Glue" swing="closed"><div class="Panel Page"><img src="book-page-devo-1.JPG"/><img src="http://via.placeholder.com/120x200.jpg?Text=RIGHT"/></div></div>
+                    <div class="Spine__Glue" swing="closed"><div class="Panel Page"><img src="book-page-devo-1.JPG"/><img src="http://via.placeholder.com/120x200.jpg?Text=RIGHT"/></div></div>
+                    <div class="Spine__Glue" swing="closed"><div class="Panel Page"><img src="book-page-devo-1.JPG"/><img src="http://via.placeholder.com/120x200.jpg?Text=RIGHT"/></div></div>
+                    <div class="Spine__Glue" swing="closed"><div class="Panel Page"><img src="book-page-devo-1.JPG"/><img src="http://via.placeholder.com/120x200.jpg?Text=RIGHT"/></div></div>
+                    <div class="Spine__Glue" swing="closed"><div class="Panel Page"><img src="book-page-devo-1.JPG"/><img src="http://via.placeholder.com/120x200.jpg?Text=RIGHT"/></div></div>
+                    <div class="Spine__Glue" swing="closed"><div class="Panel Cover Back"><img src="book-panel-cover.jpg"/><img src="book-panel-cover.jpg"/></div></div>
                 </div>
             </div>
         </div>