Grafik an anderer Stelle je nach Viewport

[oxo888oxo]

Hallo

Meine Website ist responsive. Für die Desktop-Ansicht ist die Navigation ganz klassisch auf der linken Seite. Und für die Mobile-Ansicht ist die Navigation oben.

Nun habe ich hier eine Grafik die ich einbinden möchte. Und zwar so, dass sie in der Desktop-Ansicht an einer anderen Stelle zu sehen ist als in der Mobile-Ansicht.

In der Desktop-Ansicht soll die Grafik einfach in der Navigation unten an letzter Stelle stehen. In der Mobile-Ansicht soll die Grafik ganz unten im Footer der Seite stehen.

Ist das machbar mit Media-Queries?

Meine Idee war bisher diese: Ich binde die Grafik an beiden besagten Stellen ein. Und je nach Viewort verberge ich sie mittels CSS. Wäre das eine gescheite Lösung? Oder gibt es da noch eine bessere Möglichkeit?

Gruß Ingo