Как сделать что бы блок при ресайзе сохранял своё положение на изображении без смены html?

Question

[drtvader]

Привет!
Как такое сделать?
Пример:
https://jsfiddle.net/drtvader/40cc87kp/

Answer 1

[ukoHka]

JS
position: absolute не поможет, из-за того, что форма родительского блока меняется непропорционально изображению. Простой отрицательный margin-top не поможет, потому что между ними есть блок, размеры которого тоже меняются.
Ну или можно придать фиксированную высоту блоку с информацией, тогда отрицательный margin поможет.

Answer 2

[drtvader]

Задал bottom в пикселях просто. Заработало.