Html 在移动屏幕上创建响应性圆弧

我想创建如下内容：

我有几个关于如何进行的问题：

创建同心圆弧（甜甜圈）：我应该创建一个由屏幕边框剪裁的完整圆，还是有更好的方法

放置动态屏幕大小的圆圈

---

你以前试过什么？您是否有任何代码可供可能希望帮助您工作的人使用？您以前尝试过哪些代码？您是否有任何代码可供可能希望帮助您工作的人使用？