Hi Greg,
The “contain” image size means the the entire image will always be shown. It’ll be scaled down without any cropping. Since the height is rather small compared to the size of the image, it’ll be scaled down considerably.
I would probably go with a much shorter image on that page. Say something around 2400 pixels tall by 600 pixels tall or so.
Another thing you could experiment with a bit is using a percentage height for the hero section instead of a fixed height. That way the height will be a bit more proportional. That might look like this:
#hero-section.small-height {
height: 30vh;
}
The “vh” there is the vertical height of the browser window. Another variation of that is to use vw (vertical width) so that the height of the hero is tied to the width of the browser. Both can give good results; they’re just a bit different in how they determine how tall to make the area.
Let me know if I can help.
Have a great weekend,
Bill