Safari で border-radius の overflow hidden が効かない場合の対処法

figure に position と z-index を追加する。

<a href="#">
	<figure>
		<img src="pic01.jpg">
	</figure>
</a>

a {
	&:hover {
		img {
			opacity: 1;
			transform: scale(1.1);
			transition-duration: 0.3s;
		}
	}
	figure {
		overflow: hidden;
		border-radius: 1em;
		position: relative;
		z-index: 1;
		img {
			width: 100%;
			transition-duration: 0.5s;
		}
	}
}