Откуда взялась белая полоска между картинкой и бордером? Как её убрать?

Question

[Tutucu]

Есть блок, внутри картинка, у картинки есть бордер с радиусом 50% и толщиной 5 пикс. Всё хорошо, но на экране между картинкой и и бордером появляется маленькая белая полосочка, при увеличеннии масштаба экрана эта полосочка тоже уменьшается, в отличие от самого бордера или картинки, т.е. это как будто артефакт отображения на мониторе:


Как исправить и убрать эту полосочку? И что это за полоса?

Код:

<div class="col-lg-5 col-md-5 col-sm-5 personals__photo">
                            <div class="personals__border">
                            	<img src="[[+tv.image]]" alt="Фото нашей команды" class="personals__img">
                        	</div>
                        </div>

.personals__photo{
    min-height: 150px;
    position: relative;
    text-align: left;
}

.personals__img{
    width: 150px;
    height: 150px;
    margin-left: 0;
    border-radius: 50%;
    box-sizing: border-box;
    border: 5px solid #3c3c3c;
    position: relative;
    top: 15px;
    
}

Answer 1

[iBird Rose]

background просвечивает. покрась его тоже в серый

Comments

[Tutucu]

Спасибо!