hero banner background image height problems

[anaarrubla]

Hi, I have a hero banner with a background image. The width it's always ok, always 100%, but above 1200px I started to lose the 100% of height. 

How can I have 100% height any suggest?

this is my site link: https://www.contreebute.com/compensaciones-ambientales

[dennisedson]

@anaarrubla 

for .hero:

background-size: contain;
background-position: left top;

[anaarrubla]

@dennisedson  Thanks for your aswer. when I do that I loose 100% width and start appearing a bottom gap 

[AlexanderData]

One option would be to add the height: 600px

.hero {
     height: 609px;
}
Regards.

[anaarrubla]

@AlexanderData  if I do that I loose 100% width under 1400 px