<div style="position:absolute; top:0; left:0; width:100%; height:100%; pointer-events:none; z-index:1; overflow:hidden;">
<svg viewBox="0 0 680 520" xmlns="http://www.w3.org/2000/svg" style="width:100%; height:100%;" preserveAspectRatio="xMidYMid slice">
<circle cx="490" cy="260" r="175" fill="none" stroke="#c8a820" stroke-width="0.8" opacity="0.28"/>
<circle cx="490" cy="260" r="245" fill="none" stroke="#c8a820" stroke-width="0.5" opacity="0.17"/>
<circle cx="490" cy="260" r="305" fill="none" stroke="#d4b830" stroke-width="0.4" opacity="0.10"/>
<circle cx="490" cy="260" r="4" fill="#c8a820" opacity="0.42"/>
<circle cx="490" cy="85" r="2.5" fill="#c8a820" opacity="0.32"/>
</svg>
</div>
