Привет хабр
Мне понадобилось сделать у изображиеня box-shadow inset, но к своему удивлению я узнал, что без хаков и не через background-image это сделать нельзя.
Поэтому погуглив и перечитав несколько статей, например,
эту, я получил желаемый результат. Но мое ликование длилось недолго, я обнаружил, что при изменеии размеров окна по высоте изображение обрезается вместо того чтобы подстроиться под высоту, причем по ширине все работает хорошо. Я перепробовал все найденные варианты, но результат везде один и тот же.
В итоге я хочу чтобы изображение вело себя при изменении размеров окна как
здесь, но при этом имело внутреннюю тень как
здесь, те не обрезалось при изменении высоты как в последнем примере.
Может кто нибудь сталкивался с похожей задачей или знает как можно ее решить желательно с помощью html и css (если вообще можно).
UPDATE 1:
Поправил картиyки на jsfidle и
решения с канвой 
