Ustawienie tła jako zmodyfikowany obrazek z zewnątrz

Witam,
Mam na stronie pole, które wstawia nowy obrazek na stronie.
Następnie chcę np. zmniejszyć jego rozmiar i wstawić go do #output.

    <input id="fileInput" type="file" onchange="loadFile(event)">
    <img id="output">

I to działa ale w innym miejscu potrzebuje jeszcze ustawić ten zmodyfikowany obrazek jako tło dla jakiegoś elementu.
W jaki sposób odwołać się do tego zmienionego obrazka?

Dla #output robię to tak:

const loadFile = (event) => {
        const reader = new FileReader();
        reader.onload = function() {
            const output = document.getElementById('output');
            output.style.width = '200px';
            output.style.height = '200px';
            output.src = reader.result;
        };
        reader.readAsDataURL(event.target.files[0]);
    };

Edit: Rozwiązaniem okazało się użycie właściwości background-size.