update

components/GalleryFeatured.vue

@@ -40,11 +40,11 @@ export default {
     position: absolute;
     display: block;
     max-width: 66%;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
 
     font-size: 1.5em;
-    padding: .5em 1em .5em 1em;
-
-    margin: 1rem 0 0 0;
 
     color: #fff;
   }

components/GalleryImageViewer.vue

@@ -168,6 +168,7 @@ export default {
 
 @media (max-width: $bp__layout) {
   .close-viewer {
+    z-index: 10;
     position: absolute;
     top: 0;
     right: 0;

components/GalleryThumbs.vue

@@ -269,6 +269,7 @@ export default {
   }
 
   .thumb-nav {
+    z-index: 20;
     position: absolute;
     width: 8rem;
     height: 8rem;