Как сделать адаптивным SVG с маской?

Question

[Евгений]

Подскажите как реализовать данный блок?

Нужно чтобы изображение и блок тянулись по ширине, а высота оставалась фиксированной.
Вот я пытался реализовать, но не получается растянуть всё это

<svg xmlns="http://www.w3.org/2000/svg" width="1600px" height="820" viewBox="0 0 1600 820">
		<clipPath id="clipping">
			<path fill-rule="evenodd" clip-rule="evenodd" fill="#ccc" d="M0,761.932c0,0,366.372,58.068,900,58.068s900-58.068,900-58.068V0 H0V761.932z"/>
		</clipPath>
		<image xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="https://hd.unsplash.com/photo-1470010762743-1fa2363f65ca" width="1800" height="820" class="item" />
	</svg>

.item {
	clip-path: url(#clipping);
}

Answer 1

[Максим]

в вашем случае это сделать не возможно , скорее всего , так как viewBox у вас ограничен размером и path у вас в pixel , для этого надо сохранить изображение в SVG и выкладывать как background , что проще на png сделать