Как сделать, чтобы border-radius не обрезался?

.info__item:first-child {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    overflow: hidden;
}

.info__item:last-child {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    overflow: hidden;
}

.swiper {
    ...
    border-radius: 20px;
}