Имеется картинка 2500 х 862, которую я хочу выставить в качестве background(a) одного из блоков. Картинка должна так же адаптироваться при уменьшении размера экрана внутри блока. Я воспользовался свойством background-size: contain; который не плохо подошел, почти как в boosttrap class img-response, только для картинок. Но есть одно но, при уменьшении экрана ширина уменьшается(картинка адаптируется) = уменьшается так же и высота картинки(но не блока!) и получается дырка в div. Как я понял height не резиновый, но я не могу его не прописать т.к без этого вообще div исчезает. Что мне предпринять, что бы heigth двигался на равне с изменением размеров картинки а не оставался прежним 635px?
.bot{
height: 635px;
background-image: url(../img/bottom.png);
background-repeat: no-repeat;
background-size: contain;
}