Added image section internals (And placeholder image)

public/page/home/Homepage.jsx

@@ -29,16 +29,18 @@ import Image from './../../image/Image';
 import { Title, Subtitle } from './../../typography/Typography';
 
 export default function() {
+
+
   return (
     <Page style="home-page" className="p-home-page">
-      <Section full>
+      <ImageSection src="//placehold.it/2400x1200" alt="domsPlace">
         <PageBoundary full>
           <FloatingContentBox position="middle right" size="small" className="u-text-center ">
             <Title>Development & Design</Title>
             <Subtitle>I'm not good at either.</Subtitle>
           </FloatingContentBox>
         </PageBoundary>
-      </Section>
+      </ImageSection>
 
       <Section full>
         Lorem

public/section/image/ImageSection.jsx

@@ -44,7 +44,11 @@ export default function(props) {
       className={"c-image-section" + (props.className ? " " + props.className : "" ) }
     >
       { image }
+      <div class="c-image-section__content">
+        <div class="c-image-section__content-inner">
           { props.children }
+        </div>
+      </div>
     </Section>
   );
 }

public/styles/components/_image-section.scss

@@ -17,6 +17,18 @@
   &.is-full {
     .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%;
     }
   }
 }