[JavaScript][CSS] Stała pozycja elementu względem tła Opcje

[--Michał--]

Cześć.
Mam jeden kontener, załóżmy #test w którym osadzone jest większe zdjęcie.

Kod

#test {
  min-width: 500px;
  background: #fff url(x.jpg) no-repeat 50% 0;
}

Czyli jeśli zmieniamy rozmiar okna zdjęcie będzie się środkowało do rozmiaru 500px. Potrzebuję teraz osadzić na tym zdjęciu tekst na stałej pozycji. Czyli załóżmy zdjęcie zawiera chmurkę w której miałby się znaleźć tekst. W jaki sposób to osiągnąć? Czego mam szukać?

[--Michał--]

Nie do końca. Napisałem coś takiego. Jak to można ulepszyć?

Kod

$(function() {
        var w = $('body').width();
        var test = $('#test');
        var mod = 150;
        test.css('left', w/2+mod);
        $(window).resize(function() {
            w = ($('body').width());
            
            var left = w /2+mod;
            test.css('left', left);
        });
    });