<svg viewBox="0 0 10 10" style='height:100%'>
<rect fill="rgb(93,59,174, 60%)" id="rect" x="18%" y="18%" width="64%" height="64%" rx="15"/></rect>
<clipPath id="clip"><use xlink:href="#rect"/></clipPath>
<image xlink:href="https://i.ibb.co/DRKXhrt/1.webp" height="100%" clip-path="url(#clip)"/>
</svg>
Так понимаю изображение в блоке image, принимает высоту блока svg. Как выполнить так, чтобы ширину и высоту примула width="64%" height="64%", то есть окружности... Блока, а затем как бы принимала радиус.