Problem mit Bildergrösse in Link

[blubberli]

Hallo Zusammen,

Ich habe eine Seite, auf der ich die Bilder nebeneinander darstellen möchte, dazu verwende ich Flexbox. Jedes Bild soll eine höhe von 100% haben. Solange ich nun Bilder nebeneinander mache funktioniert dies sehr gut. Wenn ich jetzt aber die Bilder in einem Link habe funktioniert dies nicht mehr es passiert folgendes.

• Die Höhe wird korrekt angepasst.
• Die Breite des Link element besitzt die Breite der originalgrösse des Bildes (sollte die breite des Skalierten Bildes sein) Deshalb überlagern sich die Bilder oder es gibt grosse Abstände zwischen den Bildern.

Hier die HTML einbindung:

<a href="ZIELSEITE"><img src="MEINBILD" class="piclink"></a>

Das dazugehörige CSS:

a
  {
    height: 100%;
    width: auto;
    padding-right: 25px;

  }
  .piclink
  {
    height: calc(100% - 200px);
    width: auto;
  }

Kann mir jemand helfen?