Css 将文本转换为圆形图像

我想让图像文本居中对齐。我有两段。首先是中间对齐，接下来就是我想在第一段下面。我想做出回应。我能做什么

。圆形人像{
位置：相对位置；
宽度：30vw；
高度：30vw；
溢出：隐藏；
边界半径：50%；
保证金：0自动25px；
}
.圆形肖像图像{
宽度：100%；
身高：100%；
对象匹配：覆盖；
}

像这样吗

 <div class="circular-portrait-product-page">
     <img class="circular-portrait-product-page" src="https://lh5.ggpht.com/ly6G6lUNHjWKvLgeHO0-ilg7zkEXc-hCWP0Q94gdyCeejWNoDMw6h5buM0pFO0mSDKQ=w300" />
     <p>
          Here is some text
     </p>
</div>

工作示例：

。圆形人像{
位置：绝对位置；
宽度：30vw；
高度：30vw；
溢出：隐藏；
边界半径：50%；
保证金：0自动25px；
}
.圆形肖像图像{
宽度：100%；
身高：100%；
对象匹配：覆盖；
}
P{
位置：绝对位置；
z指数：2；
top:15vw；
左：15vw；
}

这里有一些文字

哪个文本？你已经试过了吗？您应该提供更多代码，包括“臭名昭著的文本”；）

P{ 
    position:absolute;
    z-index:2;
    top:30vw;
    left:30vw;
}