safariでborder-radiusが効かない場合

safariでborder-radiusが効かない場合は、z-indexを追加すれば大丈夫です。

.box {
 width: 100%;
 max-width: 300px;
 height: 200px;
 border-radius: 20px;
 overflow: hidden;
 position: relative;
 z-index: 1;
}
.box img {
 width: 100%;
 transition: all .3s ease;
}
.box:hover img {
 transform: scale(1.1);
}

参考サイト
https://kubogen.com/web-programing-265/