strange margin while zooming

HTML

<div class="other-album">
  <a href="#"></a>
</div>

CSS

.other-album a {
    width: 332px;
    height: 332px;
    border: #156196 solid 5px;
    margin-bottom: 30px;
    display: block;
    background-image: url("https://pravdamuzika.lasil.ru/media/files/covers/2021_8_13__Panimonica_Offline_Oblozhka.jpg");
    background-size: 100% 100%;
}