Cleaned more code, still untested.

public/components/section/image/ImageSection.jsx

@@ -22,7 +22,10 @@
 // WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 
 import React from 'react';
+import Styles from './ImageSection.scss';
+
 import Section from './../Section';
+
 import Image from '@objects/image/Image';
 
 export default function(props) {

public/components/section/image/ImageSection.scss

@@ -0,0 +1,62 @@
+/*
+ *  Image Section
+ *    Styles for Image Sections, usually contains videos (hmmmm).
+ *
+ *  Dependencies:
+ *
+ *  Version:
+ *    1.1.0 - 2018/08/14
+ */
+@import '~@styles/global';
+
+.c-image-section {
+
+  &__image {
+    display: block;
+    width: 100%;
+  }
+
+  &.is-full {
+    position: relative;
+
+    .c-image-section__image {
+      @include t-absolute-fill();
+      object-fit: cover;
+      object-position: bottom center;
+    }
+  }
+
+  &__content {
+    @include t-absolute-fill();
+
+    &-inner {
+      position: relative;
+      height: 100%;
+      width: 100%;
+    }
+  }
+
+  //Background Image
+  &.is-background {
+    position: relative;
+
+    .c-image-section {
+      &__image {
+        @include t-absolute-fill();
+        object-fit: cover;
+        object-position: bottom center;
+      }
+
+      &__content {
+        position: relative;
+
+        &-inner {
+          position: relative;
+          height: 100%;
+          width: 100%;
+        }
+      }
+    }
+  }
+
+}