gallery styling adjustments to size and extra dummy description copy

vue-theme/src/components/gallery.vue

@@ -5,9 +5,9 @@
         p {{images}}
         img(:src="Object.values(images)[selected]")
         p active: {{ selected }}
-        .titledesc.t-left
-            h2 Title goes here: create responsive designs that fit different screen sizes
-            p Description goes here: London. Michaelmas term lately over, and the Lord Chancellor sitting in Lincoln's Inn Hall. Implacable November weather. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+        .titledesc.t-left {{titledesc}}
+            h2 Title goes here: Responsive block to fit different screen sizes. Hide/Show from bottom of the screen.
+            p Description goes here: London. Michaelmas term lately over, and the Lord Chancellor sitting in Lincoln's Inn Hall. Implacable November weather. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Blue McRight is an inter-disciplinary artist influenced by nature, personal experience, and politics. At its core, her multi-media work focuses on water – and its lack – as an environmental issue; however her practice has expanded to address related ideas such as the body, circulatory systems, and marine science. McRight’s work is both elusive and interactive, inviting viewer engagement and contemplation. 
 
     .controls.f-row
         button(v-if="selected > 0" @click="prev") &#x25C0prev
@@ -79,7 +79,7 @@ export default {
         left: 0
         width: 100%
         height: 100%
-        background-color: rgba(255, 0, 0, 0.8)
+        background-color: rgba(255, 0, 0, 0.6)
         z-index: 1001
 
         > * /* select for all direct children  */
@@ -95,15 +95,15 @@ export default {
             z-index: 1100
         figure
             img
-                background-size: contain
+                background-size: auto
                 max-width: 90vw
                 max-height: 80vh
             .titledesc
                 position: fixed
-                max-width: 80vw
+                max-width: 90vw
                 bottom: 1vh
                 background-color: rgba(255, 255, 255, 0.6)
-                padding: 4px
+                padding: 1.0em
                 text-align: left
                 h2, p
                     color: $cia_black
@@ -113,5 +113,5 @@ export default {
             button
                 background-color: rgba(255, 255, 255, 0.1)
                 height: 100vh
-                padding: 4px
+                padding: 1.0em
 </style>