Header

src/app/page.module.css

@@ -0,0 +1,36 @@
+.header {
+  position: relative;
+  height: 50em;
+}
+
+.header img {
+  filter: brightness(50%);
+}
+
+.textbox {
+  color: white;
+  position: absolute;
+  width: 100%;
+  top: 50%;
+  transform: translate(0%, -50%);
+}
+
+.textbox h1 {
+  font-size: 3.5em;
+  margin-bottom: 0.5em;
+}
+
+@media (min-width: 920px) {
+  .header {
+    height: 50em;
+    clip-path: polygon(0 0, 100% 0, 100% 25em, 0 100%);
+  }
+
+  .textbox {
+    margin-top: -5em;
+  }
+
+  .textboxInner {
+    width: 50%;
+  }
+}