如何使用css创建图像花哨的形状？

如何使用 CSS 和 html5 创建花哨的形状，我有一个部分，我想在其中使用 css 创建特定的形状

img {
  height: 145px;
  width: 145px;
  border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
}

<div class="flex-container">
  <img src="https://i.imgur.com/xsllSKk.png" />
</div>

以下是预期结果：

注意：不使用遮罩。

不幸的是，我没有得到与预期相同的结果，我需要在此处更改什么才能获得与上图完全相同的结果？