Загружать изображение в хорошем качестве после загрузки - Joomla 4.x: Шаблоны, разметка и макеты вывода

<style>
#mod-custom245{background-image: url("/images/experience__difference_best_moving.jpg");}
</style>

<script>
        let elem = document.getElementById('mod-custom226');
        elem.style.background = 'red';
    </script>

let elem = document.querySelector('#mod-custom226');

<script>
  document.addEventListener("DOMContentLoaded", () => {
      	<jdoc:include type="modules" name="n_scritps" style="none" />
	<jdoc:include type="modules" name="debug" style="none" />
        let elem = document.getElementById('mod-custom226');
        const mediaQuery = window.matchMedia('screen and (max-width:960px)')
        if (mediaQuery.matches) {
              elem.style.backgroundImage = 'url(/images/bannerMobile.jpg)';
              elem.style.maxHeight = '560px';
        }
        else{
             elem.style.backgroundImage = 'url(/images/banner.jpg)';
        }
    });