:art: adjusting hero portrait height

vue-theme/src/components/hero.vue

 
 .hero
     /* background-color: rebeccapurple */
-    min-height: 35%
-    height: 78vh
+    min-height: 25vh
     position: relative
     overflow: hidden
     .tint
         height: 100%
 
     .embedded
-        min-height: 70vh
+        min-height: 25vh
         height: 100%
         
     .blank
                 border-width: 1em 0 1em 1.6em
                 border-color: transparent transparent transparent white
 
-        @media (min-width: $medium)     
-            button 
-                height: $ms-9
-                width: $ms-9
-                border-width: 3px
-                &:after 
-                    top: 18%
-                    left: 30%
-                    border-width: 1.5em 0 1.5em 2.5em
+@media (min-width: $medium)     
+    button 
+        height: $ms-9
+        width: $ms-9
+        border-width: 3px
+        &:after 
+            top: 18%
+            left: 30%
+            border-width: 1.5em 0 1.5em 2.5em
+
+    .hero .embedded
+        min-height: 70vh
+    
 </style>