Update hero min-height to get as close as possible to 16:10 image aspect ratio

src/components/hy-hero/hy-hero.scss

@@ -141,7 +141,7 @@
     }
 
     .hy-hero__content-container {
-      @include breakpoint(max-width $wide) {
+      @include breakpoint(max-width 959px) {
         padding-bottom: 0;
       }
 
@@ -259,19 +259,30 @@
     flex-direction: column;
     justify-content: center;
     margin: 0 auto;
+    min-height: 360px;
     padding: 52px 2rem;
     position: relative;
     width: 100%;
   }
 
   @include breakpoint($extrawide) {
+    min-height: 400px;
     padding: 80px 24px;
   }
 
+  @include breakpoint($overwide) {
+    min-height: 450px;
+  }
+
   @include breakpoint($xlarge) {
     max-width: 1216px;
+    min-height: 500px;
     padding: 80px 0;
   }
+
+  @include breakpoint($fullhd) {
+    min-height: 600px;
+  }
 }
 
 .hy-hero__spacer-box {