bild in div ausrichten

[ohman]

Guten Mittag,

ich habe einen div mit der Höhe 30% und möchte darin ein Bild ausrichten und zwar so, dass es vom oberen Rand 50px und vom unteren Rand 20px Abstand hat und sich bis zu einer maximal-Höhe von 100px entsprechend anpasst.

Schematisch das HTML-Markup:

<div>
     <img>
</div>

Das CSS:

div {
    height: 30%;
    padding: 50px 0 20px 0;
}

img {
    height: 100%;
    max-height: 209px;
}

Das funktioniert nicht. Irgendeine Chance das hinzubekommen? Wenn nicht mit 50px und 20px dann zur Not auch vertikal znetriert - aber das ist ja auch nicht so unproblematisch vertikal zu zentrieren.

Grüße