svgのpath形状はデバイス幅100％、その中に指定した背景画像はアスペクト比を守ってリピートさせたい

前提・実現したいこと

上記のようなスライドショーを作りたいのですが、
上部の楕円部分について、
イラストレーターのパターンスウォッチ機能を使ってsvgを作って、その中に背景を仕込み
cssでwidthを100vwや100%にすれば、そのsvgについては
preserveAspectRatio="none"を入れればデバイス幅にできるのですが、
その中に入っている背景画像については、アスペクト比を守って225px×224pxでデバイス幅にリピートさせたいと考えているのですが、どのようにカスタマイズすれば、それが叶うでしょうか？

↓作ったSVG画像の形についてはこちらです

↓その背景画像についてはこちらです

発生している問題・エラーメッセージ

該当のソースコード

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In  -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
	<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
]>
<svg preserveAspectRatio="none" version="1.1"
	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
	 x="0px" y="0px" width="100vw" height="110px" viewBox="0 0 1440 110" enable-background="new 0 0 1440 110" xml:space="preserve"
	>
<defs>
	
		<pattern  x="-1155" y="1364" width="225" height="224" patternUnits="userSpaceOnUse" id="新規パターンスウォッチ_9" viewBox="1 -225 225 224" overflow="visible">
		<g>
			<polygon fill="none" points="1,-1 226,-1 226,-225 1,-225 			"/>
			
				<image overflow="visible" width="225" height="224" xlink:href="https://teturama.com/wp-content/uploads/bg_all.gif" transform="matrix(1 0 0 1 1 -225)">
			</image>
		</g>
	</pattern>
</defs>
<path fill="url(#新規パターンスウォッチ_9)" d="M0,0v108.757c0,0,250.922-94.587,719.999-94.587
	c469.078,0,720.001,94.587,720.001,94.587V0H0z"/>
</svg>

試したこと

個人的に思いついた事としては、下記のように
svgの中のpath内のコードを抜き取り、svgの代わりにdiv要素を置いて背景画像を指定し、それをcssでclip-pathセレクタを入れ、path(～)で、くり抜けば上手くいくかと試してみたのですが、polygonとは違って、pathの幅がデバイス幅100％でレスポンシブにならず上手くいきません…。※抜き取り元のsvgが横1440px×縦110pxで作ったせいか、width:100vw;などを指定しても元の1440幅サイズで固定されてしまいます。
何か良い方法があるのではと解決方法を調べたのですが、どうしても見つからず、、。
もしも、構築方法自体が適切でない場合、svgやclip-path以外の方法で何かあれば教えて頂けたらと思います。
どうかよろしくお願いいたします。

<div class="flame_top">
</div>

.flame_top {
	height: 7.7vw;
	position: absolute;
	z-index: 10;
	width: 100vw;
	clip-path: path('M0,0v108.757c0,0,250.922-94.587,719.999-94.587 c469.078,0,720.001,94.587,720.001,94.587V0H0z');
	background: url(/wp-content/uploads/bg_all.gif);
}