init project

css/style.css

@@ -160,14 +160,19 @@ img {
   background: #000;
 }
 .hero-bg {
+  position: absolute;
+  top: 0;
+  left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
+  z-index: 0;
 }
 .hero-overlay {
   position: absolute;
   top: 0; left: 0; width: 100%; height: 100%;
   background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%, transparent 30%, transparent 60%, rgba(0,0,0,0.8) 100%);
+  z-index: 1;
 }
 .hero-content {
   position: absolute;
@@ -175,6 +180,7 @@ img {
   left: 0; right: 0;
   color: #fff;
   padding-left: 20px;
+  z-index: 2;
 }
 .hero-title {
   font-size: 56px;
@@ -633,8 +639,9 @@ img {
   }
   
   .hero {
-    height: auto;
-    padding: 150px 0 80px;
+    height: 100vh;
+    min-height: 500px;
+    padding: 0;
   }
   .hero-title { font-size: 40px; }