带圆点和边界半径的边框

Question

想要创建具有100％半径边框的div，并且还有圆点不会产生...

我发现的所有内容都在代码中剪断，但在这种情况下没有任何半径..：/

.image-container {
  position: relative;
  text-align: center;
  border-radius: 100%;
  border-width: 8px;
  border-color: #dfbc82;
  border-style: solid;
  border-image: url('https://d3uepj124s5rcx.cloudfront.net/items/0V28170w0f0k3t3S2p0g/dots.svg');
  border-image-slice: 33%;
  border-image-repeat: round;
  width: 150px;
  height: 150px;
}

<div class="image-container">

有可能吗？如果有，怎么样？