Problem mit flexibler img-Darstellung

[JQerleger]

Hallo,

habe wohl doch viel zu lange Pause gemacht, um noch einigermaßen flüssig mit Html/CSS arbeiten zu können :(

Folgendes Problem bekomme ich nicht auf die Reihe: innerhalb der article-box aus dem Tutorial Flexbox-5, werden verschieden große Grafiken eingefügt. Mit

article img {
width: 100%;
height: auto;
}

werden zu große Grafiken auf 100% der Box herunter skaliert und kleine Grafiken dummerweise auf 100% hochskaliert.

Mit

article img {
max-width: 100%;
max-height: auto;
}

werden die kleinen und großen Grafiken in der original Größe angezeigt. Ich hätte aber schon gerne, das bei einer Boxgröße von 800px, die kleine Grafik (150px) mit 150px und die große Grafik (1200px) auf 800px skaliert wird.

Kann das überhaupt mit CSS gelöst werden??