extra space above image in guarantee and people sections on safari

[rinslvinly]

I am experiencing a large space between the image and the top of the window on the guarantee and people sections of this site. It seems to work well on chrome and firefox. I added some screenshots.

Thank you for the great tutorials!

[matochondrion]

I think this can be fixed by changing the backImage mixin height to use the $height variable instead of being hard coded to 100vh. I didn't notice this negatively affecting anything else?

@define-mixin backImage
  $image,
  $height: 100vh,
  $grstart: rgba(0,0,0,.2),
  $grend: rgba(0,0,0,.5),
  $bgPos: center center {
  background: linear-gradient( to bottom, $grstart, $grend), url($image);
  background-repeat: no-repeat;
  background-position: $bgPos;
  background-size: cover;
  /*height: 100vh; Not sure why height and max-height are different?*/
  height: $height;
  max-height: $height;
}