为何大数值border-radius会导致Chrome浏览器隐藏图片？

我有一张尺寸为128px的图片，想要通过设置border-radius实现圆形效果，实际使用的是Bulma框架的.is-rounded类，对应的CSS代码如下：

.image img.is-rounded {
    border-radius: 9999px;
}

出现的浏览器兼容问题：

• Firefox浏览器中可正常显示圆形图片
• Chrome 110.0版本中图片会被完全隐藏
• 测试发现，将border-radius值改为63px时，Chrome能正常显示圆形效果；但值超过63px（如设置为64px）时，图片会再次被隐藏

效果差异说明 #

• Chrome 110.0异常表现：图片完全不可见
• Firefox正常表现：图片呈现预期的圆形样式

内容的提问来源于stack exchange，提问作者Dominick