adjust tint z-index and hero & embedded min-height

vue-theme/src/components/hero.vue

@@ -1,6 +1,7 @@
 <template lang="pug">
 .hero.w-max.f-col(v-if="showHero")
-    .tint.z-top.w-max
+    //- .tint.z-top.w-max
+    .tint.w-max
     .hero--video.w-max(v-if="heroType === 'video'")
         iframe(
             v-if="isPlaying"
@@ -96,6 +97,7 @@ export default {
         position: absolute
         height: 100%
         background-color: #00000055
+        z-index: 0
 
     &--image
         &--overlay
@@ -153,8 +155,8 @@ export default {
             border-width: 1.5em 0 1.5em 2.5em
 
     .hero 
-        min-height: 70vh
+        min-height: 50vh
         .embedded
-            min-height: 70vh
+            min-height: 50vh
     
 </style>