Temas de CSS - Achicar boton/imagen con etiqueta <a>

Hola estoy estudiando front end y estoy haciendo una pagina para el curso, mi problema pasa porque tengo una barra horizontal con imagenes medianas de albumes que quiero que sean botones cada una de las imagenes para redireccionarme al album y su historia. el tema es que cuando en html anido la imagen con la etiquita <a> para que la ruta sea ese html del album, la imagen se agranda, los codigos de tamaño no funcionan, cuando borro la etiqueta <a> vuelve a quedar como yo quiero la imagen.

este es una parte de como esta el html con y sin la etiqueta <a>:

<div class="albums">
<div class="item" id="item1">
<a href="./Pages/killemall.html"><img src="./assets/img/Albums/kill-em-all-m-2.png" alt="Logo killemall"></a>
</div>
<div class="item" id="item2">
<img src="./assets/img/Albums/ride the lightning.jpg" alt="Logo album ride">