Прошу помощи. Необходимо разместить изображение в родительском контейнере. Изображение больше чем родитель и нужно, не нарушая размеры родителя, положить в него картинку, масштабировав ее по высоте родителя и скрыв слева и справа все, что выходит за границы родителя. Ширина родителя явно не определена, есть только высота, рассчитываемая с помощью calc.
.container
{
height: calc(100vh - 56px);
overflow: hidden;
}
.container img
{
height: auto;
max-height: 100%
}
HTML
<div class="container"><img src="/img/spec3/panel.png" /></div>