Adobe Animate で書き出した Canvas の配置方法について

Adobe Animate を使用し、「HTML5 Canvas ドキュメント」形式でパブリッシュしました。
書き出されたHTMLファイルを開くと、Canvasが、ウィンドウサイズを基準に拡大・縮小する動作を確認できました。

これをwindowに対してではなく、外側の要素の幅にフィットするようなレスポンシブにしたいのですが、できませんでした。
<img> タグの max-width:100%; のような挙動を希望しております。

書き出されたHTMLファイルの抜粋は以下の通りです。

<body onload="init();" style="margin:0px;">
	<div id="animation_container" style="background-color:rgba(255, 255, 255, 1.00); width:710px; height:437px">
		<canvas id="canvas" width="710" height="437" style="position: absolute; display: none; background-color:rgba(255, 255, 255, 1.00);"></canvas>
		<div id="dom_overlay_container" style="pointer-events:none; overflow:hidden; width:710px; height:437px; position: absolute; left: 0px; top: 0px; display: none;">
		</div>
	</div>
    <div id='_preload_div_' style='position:absolute; top:0; left:0; display: inline-block; height:437px; width: 710px; text-align: center;'>	<span style='display: inline-block; height: 100%; vertical-align: middle;'></span>	<img src=canvas/images/_preloader.gif style='vertical-align: middle; max-height: 100%'/></div>
</body>

これに下記のようにラッパー要素を加えても、その幅（下記例では500px）には収まりません。

<body onload="init();" style="margin:0px;">

	<div style="width:500px;">

	<div id="animation_container" style="background-color:rgba(255, 255, 255, 1.00); width:710px; height:437px">
		<canvas id="canvas" width="710" height="437" style="position: absolute; display: none; background-color:rgba(255, 255, 255, 1.00);"></canvas>
		<div id="dom_overlay_container" style="pointer-events:none; overflow:hidden; width:710px; height:437px; position: absolute; left: 0px; top: 0px; display: none;">
		</div>
	</div>
    <div id='_preload_div_' style='position:absolute; top:0; left:0; display: inline-block; height:437px; width: 710px; text-align: center;'>	<span style='display: inline-block; height: 100%; vertical-align: middle;'></span>	<img src=canvas/images/_preloader.gif style='vertical-align: middle; max-height: 100%'/></div>

	</div>

</body>

これをラッパーの<div>にフィットさせるにはどうしたら良いでしょうか？
どうかお力を拝借できれば幸いです。

パブリッシュ設定「JavaScript/HTML」の主な設定は下記の通りです。
・レスポンシブにする　幅を基準
・表示領域いっぱいに拡大・縮小チェックなし

Mac OS Catalina
Adobe Animete 20.0.1

よろしくお願い致します。