Discover sections

src/scss/components/_grid.scss

@@ -34,4 +34,21 @@
 			opacity: 0.75;
 		}
 	}
+
+	&.category-grid {
+		.grid-item {
+			position: relative;
+
+			.name {
+				position: absolute;
+				bottom: 15%;
+				left: 0;
+				right: 0;
+				text-align: center;
+				font-size: 14px;
+				font-weight: 600;
+				color: #FFFFFF;
+			}
+		}
+	}
 }

src/scss/components/_images.scss

@@ -28,10 +28,16 @@
 	height: 50vh;
 	width: 100%;
 	overflow: hidden;
-	background: $light_grey;
+	background: $dark_grey;
 
 	canvas {
 		width: 100%;
 		height: 100%;
+		opacity: 0;
+		@include animate( 0.4s );
+
+		&.loaded {
+			opacity: 0.5;
+		}
 	}
 }