css - Border-radius 正在剪裁我在 div 内的图像。可见溢出不起作用

Question

仅当设置了边框半径（大约 45% 及以上）时，我的标题图标才会被剪裁。简单地删除border-radius就可以修复剪裁，但是圆形边框变成了正方形。

我已经搞砸了溢出，位置，跨度等，但老实说我不知道​​我在做什么，没有任何效果。

.navbar .second-menu img {
    width: 50px;
    height: 50px;
    object-fit: contain;
    border-radius: 50%;
    padding: 5px;
}

.navbar .second-menu img {
    -webkit-transition: all 0.500s!important;
    transition: all 0.500s!important;
}

<div class="second-menu">

<a href="/my-account" data-toggle="tooltip" data-title="Account"><img class="wow bounceIn" data-wow-delay="1.5s" src="https://www.punibunni.com/wp-content/themes/punibunni/images/top-members.jpg" alt="" style="visibility: visible; animation-delay: 1.5s; animation-name: bounceIn;"></a>

标签： csswordpressoverflowborderclipping