update featured-image background styles

components/GalleryFeatured.vue

@@ -6,7 +6,7 @@
                   'background-image': 'url(' + gallery.featuredImage + ')' }"
         :key="index"
         @click="$emit('clicked', index)">
-      <span>{{ gallery.title }}</span>
+      <span class="gallery-title">{{ gallery.title }}</span>
     </li>
   </ul>
 </template>
@@ -38,6 +38,12 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.featured-image {
+  width: 100%;
+  background-size: cover;
+  background-position: center center;
+}
+
 @media (max-width: $bp__layout) {
   .featured-image {
     height: calc(50vh - #{$site-menu__header-height / 2}) !important; // must override inline style set with prop
@@ -55,12 +61,6 @@ export default {
       opacity: 1;
     }
   }
-
-  .featured-image {
-    width: 100%;
-    background-size: cover;
-    background-position: center center;
-  }
 }
 
 </style>