obszar obrazka przy stylizacji transform: scale();

Mam na stronie wstawiony obrazek będący jednocześnie linkiem do jakiegoś pliku:

<a href = "plik.pdf" target = "_blank">
   <img src = obrazek.png>
</a>  

Jego stylizacja jest następująca:

#obrazek
{
    display: block;
    height: auto;
    margin: auto;
    transition: 0.4s ease-in-out;
    width: 20vw;
}
#obrazek:hover
{
    cursor: pointer;
    transform: scale(2);
} 

Wszystko fajnie, link działa, a po najechaniu myszką obrazek się powiększa. Jednak zauważyłem, że obszar będący linkiem to nie obszar zajmowany przez obrazek, a obszar zajmowany przez obrazek po powiększeniu. Czyli kursor zmienia się jak ustawię go obok obrazka. Czy to normalne zachowanie?

display: block; jest powodem :)