我有一个父div和子div，子div有一个背景图像。悬停时，图像缩放，转换时有一个过渡。这在所有浏览器中都能正常工作，除了Safari，悬停时，边界半径似乎被删除，然后再次添加。有人能建议解决这个问题吗？
超文本：

<div class="image-box">
  <div class="image"></div>
</div>

CSS：

.image-box {
  width: 300px;
  overflow: hidden;
  border-radius: 20px;
}
.image {
  width: 300px;
  height: 200px;
  background: url("http://via.placeholder.com/340x282");
  background-position: center;
  transition: transform 1s ease;
}
.image:hover {
  transform: scale(1.5);
}

https://codepen.io/liannaryan/pen/ZxbZZa