Есть svg изображение, мне нужно, что бы независимо от задаваемой ширины (50px, 500px или любое другое значение) высота всегда оставалась одинаковой, а ширина растягивалась или сжималась. Возможно ли это сделать. И если возможно, то как?
Вот собственно сам svg
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" viewBox="0 0 100 120">
<filter id='inset-shadow'>
<feOffset dx='0' dy='10' />
<feGaussianBlur stdDeviation='5' result='offset-blur' />
<feComposite operator='out' in='SourceGraphic' in2='offset-blur' result='inverse' />
<feFlood flood-color='black' flood-opacity='1' result='color' />
<feComposite operator='in' in='color' in2='inverse' result='shadow' />
<feComposite operator='over' in='shadow' in2='SourceGraphic' />
</filter>
<path fill="#eaebee" d="M0,101v19h100l0-19C83.4,67.3,66.7,33.7,50,0L0,101z" filter="url(#inset-shadow)"/>
</svg>
