The two tags have nothing to do with this.
First picture shows the hero having to much heigth, second one shows the hero not having enough.
First one is my default browser size on a 1080p monitor, second one happens when you make the window smaller.
Should be obvious though, since you set the heigth to be relative, it will of course get to big/small when changing the browser window size.
