Höhe Div automatisch an Background-Image anpassen

Um die Höhe eines Div-Containers automatisch an die Größe des Hintergrundbildes anzupassen, muss dieses wie ein img-Tag reagieren. Dafür wird die Höhe des Div-Containers auf 0 gesetzt und ein padding-top des Breite-Höhe-Verhältnisses der Hintergrundgrafik hinzugefügt.

Das Ganze kann so realisiert werden:

Als Ergebnis passt sich der Container automatisch der Größe des Background-Images an.
Sehr praktisch für das responsive Design.