带有贴纸角的Css圆形图像

我想让css录像机与贴纸角像这样（响应）。请帮帮我！谢谢。

我做的是：

<div style="width:100%;height:500px;position:relative;">
  <img style="position:absolute;width:20%;left:50%;" class='rd100' src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a0/Circle_-_black_simple.svg/2000px-Circle_-_black_simple.svg.png" />
  <img class='rd100' src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a0/Circle_-_black_simple.svg/2000px-Circle_-_black_simple.svg.png" />
</div>

这里有一把小提琴：

您只需为其他贴纸添加其他圆圈

---

祝你好运：）

希望你至少尝试自己编写代码。堆栈溢出不是代码编写服务。我建议你做一些，或者通过谷歌，或者通过搜索，尝试一下。如果您仍然有问题，请返回您的代码，并解释您尝试了什么以及为什么它不起作用

img.rd100
{
    width:100%;height: auto;
}