如何使不同位置的圆DIV的字段响应

Question

我是网络开发的新手，我真的不知道如何处理这个问题 - 我需要创建内部有文字的圈内响应字段，所有字母的位置都不同。我有PSD设计文件，我的任务是让它具有响应性，但我无法找到一些好看的方法。

我所能做的就是绝对放置它们，然后手动添加5个媒体断点，我改变它们的位置......问题是它看起来不太专业。

这是我到目前为止所得到的。我知道这很糟糕，对不起。 LINK

你们有什么建议吗？

感谢大家！