feat(landing): add cover image

assets/sass/landing.scss

@@ -2,11 +2,27 @@
     width: 100%;
 }
 
-.landing {
+.landing-border {
+    border: 2px solid rgba(0, 0, 0, 0.4);
+    border-radius: 4px;
+}
+
+.landing-two-sections {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    @extend .landing-border;
+}
+
+.landing-cover {
+    img {
+        object-fit: cover;
+        object-position: center;
+        width: 100%;
+        height: 100%;
+    }
 }
 
 .landing-brand {
-    border: 1px solid rgba(0, 0, 0, 0.4);
     padding: 1rem;
     text-align: center;
     display: flex;
@@ -27,9 +43,6 @@
     
 }
 
-.brand__role2 {
-}
-
 .brand__logo {
     svg {
         max-width: 25rem;
@@ -37,3 +50,21 @@
     }
 }
 
+@media (max-width: $md-breakpoint) {
+    .landing-two-sections {
+        display: block;
+    }
+    .landing-cover {
+        img {
+            height: 13rem;
+        }
+    }
+    .landing-brand {
+        .brand__logo svg {
+            max-width: 15rem;
+        }
+        .brand__name {
+            font-size: 2.5rem;
+        }
+    }
+}