Всем привет, вот сайт https://clck.ru/NvAW9

Сверху сайта, для разрешения менее 700px свой баннер background-image в блоке section-1

Вопрос, как сделать так, что-бы при изменении ширины сайта, баннер был видимый на 100% и подстраивался по высоте исходя из ширины?
т.е. сейчас высота фиксирована и при уменьшении ширины, часть картинки режется.

Если сделать height:100%, то блок пропадает, приобретая высоту 0px