border-radius & overflow:hidden issue

swiper-container 에 border-radius를 주고, overflow:hidden;을 하였을 시, iOS Safari에서 내부 요소의 모서리가 넘치는 issue 발생.

-> 사파리 렌더링 엔진 Webkit 버그
container에 will-change: transform; 속성 추가하여 해결

+) 삼성 인터넷에서 화면 스크롤 시마다 overflow가 풀리는 현상 추가 발견
-> -webkit-mask-image: -webkit-radial-gradient(white, black); 속성 추가하여 해결

참고 : https://www.sungikchoi.com/blog/safari-overflow-border-radius/