the background images used in the Header Element are set using CSS backgrounds and set to Cover, so they always fill the container. Which means their size is relative to the size of the header element. You can change this by adjusting the top and bottom padding.
The padding in the hero element only make a different section of the image appear but it is still huge (much bigger than its actual pixel count).
any additional suggestions would be highly appreciated