diff --git a/components/GalleryFeatured.vue b/components/GalleryFeatured.vue
index f877013..bac4491 100644
--- a/components/GalleryFeatured.vue
+++ b/components/GalleryFeatured.vue
@@ -1,5 +1,5 @@
 <template>
-  <ul>
+  <ul class="gallery-featured">
     <li v-for="(gallery, index) in galleries"
         class="featured-image"
         :style="{ 'height': featuredHeight,
@@ -47,6 +47,15 @@ export default {
 }
 
 @media (min-width: $bp__layout) {
+  .gallery-featured {
+    transition: opacity .3s; // TEMP
+    opacity: .3;
+
+    &:hover {
+      opacity: 1;
+    }
+  }
+
   .featured-image {
     width: 100%;
     background-size: cover;
diff --git a/components/GalleryThumbs.vue b/components/GalleryThumbs.vue
index cd4780b..e3e908a 100644
--- a/components/GalleryThumbs.vue
+++ b/components/GalleryThumbs.vue
@@ -257,6 +257,13 @@ export default {
     flex: 0 0 $thumbs-height;
 
     overflow: hidden;
+
+    transition: opacity .3s; // TEMP
+    opacity: .3;
+
+    &:hover {
+      opacity: 1;
+    }
   }
 
   .gallery-thumbs__row-container {