Адаптивный фон блока?

Question

[asqwerty]

У меня есть блок с высотой 650px и max-height: 650px. У него задано свойство background-image
background-image - это картинка с высотой 850px.
Первые 650px в картинке - это обычное изображение, а следующие 200px - это "добавочное" изображение, которое должно быть видно только, если блок сужается, т.к. у блока background-size: contain;
Но при добавлении этой картинки на фон блока "добавочные" 200 пикселей почему-то показываются (даже если блок не сужен), хотя max-height у блока 650px, а высота картинки 850.
Мне нужно, чтобы изначально в блоке было только первые 650px картинки, а при сужении должны показываться остальные 200px (т.к. background-size: contain). Пробовал overflow: hidden, не работает

Answer 1

[asqwerty]

Решил заменой contain на cover

Answer 2

[Yargrinders]

попробуй JS Скрипт от ФПЖ
Очень удобная штука, иногда даже лучше cover
Ссылка на скрипт