Added loading feedback for images.

public/styles/index.scss

@@ -66,6 +66,7 @@
 @import './objects/_floating-content-box.scss';
 @import './objects/_form.scss';
 @import './objects/_input.scss';
+@import './objects/_loadable-image.scss';
 @import './objects/_loader.scss';
 @import './objects/_modal.scss';
 @import './objects/_page-transition.scss';

public/styles/objects/_loadable-image.scss

@@ -0,0 +1,43 @@
+/*
+ *  Loadable Image
+ *    Image that gets loaded in the background
+ *
+ *  Dependencies:
+ *
+ *  Version:
+ *    1.0.0 - 2018/07/11
+ */
+@include t-keyframes(o-loadable-image--load-flash) {
+  from {
+    background: transparent;
+  }
+
+  50% {
+    background: #DDD;
+  }
+
+  to {
+    background: transparent;
+  }
+}
+
+.o-loadable-image {
+  position: relative;
+
+  &__image-container {
+    opacity: 1;
+    transition: all 1s $s-animation--ease-out;
+    transition-delay: 0.5s;
+  }
+
+  &.is-loading {
+    @include t-animation-name(o-loadable-image--load-flash);
+    @include t-animation-timing-function(linear);
+    @include t-animation-duration(2s);
+    @include t-animation-iteration-count(infinite);
+
+    .o-loadable-image__image-container {
+      opacity: 0;
+    }
+  }
+}