Updated README, improving some of the section code.

public/pages/home/HomePage.scss

@@ -12,14 +12,6 @@
 @import '~@styles/global';
 
 .p-home-page {
-  &__banner {
-    &-image {
-      object-fit: cover;
-
-      height: 80vh;
-    }
-  }
-
   &__banner,
   &__promo {
     position: relative;

public/pages/home/sections/BannerSection.jsx

@@ -24,7 +24,7 @@
 import React from 'react';
 import { withLanguage } from '@public/language/Language';
 import { PageBoundary } from '@components/page/Page';
-import { ImageSection } from '@components/section/Section';
+import { BannerImageSection } from '@sections/Section';
 import FloatingContentBox from '@objects/content/box/FloatingContentBox';
 import { Title, Subtitle } from '@objects/typography/Typography';
 
@@ -33,14 +33,11 @@ export default withLanguage(props => {
   let { lang } = props;
 
   return (
-    <ImageSection
+    <BannerImageSection
       className="p-home-page__banner"
-      imageClassName="p-home-page__banner-image"
       src={ require('@assets/images/banners/about/glasses.svg') }
       alt="domsPlace"
-      width="2400"
-      height="1200"
-      loadable
+      width="2400" height="1200" loadable
     >
       <PageBoundary full>
         <FloatingContentBox position="middle center" size="large" className="u-text-center">
@@ -48,6 +45,6 @@ export default withLanguage(props => {
           <Subtitle>{ lang.pages.home.banner.subtitle }</Subtitle>
         </FloatingContentBox>
       </PageBoundary>
-    </ImageSection>
+    </BannerImageSection>
   );
 });