Responsive Images als Background-Img verwenden // Rocksolid Custom Element

Hallo!

Ich suche nach einer Möglichkeit, die Bilder die ich über Rocksolid Custom Element auswähle im Template als Hintergrundbild zu verwenden.

Aber nicht einfach eines - sondern den media-queries aus dem picture Element angepasst.

Im Template binde ich das Bild wie folgt ein:
<?php if ($image = $this->getImageObject($this->image, $this->size)): ?>
<?php $this->insert('picture_default', $image->picture) ?>
<?php endif ?>

Mein Plan ist der, dass ich mit einer unique ID und $GLOBALS['TL_HEAD'][] jeweils eigenen CSS dafür einbaue.
Was mir dazu noch fehlt, die Bildpfade der einzelnen media-queries.

Gibt es hierfür eine Lösung?