<div class="box">

<p>Цей приклад показує як працює властивість <code>background-position</code>. Спробуйте змінити значення нижче, щоб змістити фонове зображення.</p>

<input type="number" class="inputs" id="x" value="100">px
<input type="number" class="inputs" id="y" value="100">px

</div>

* {
  box-sizing: border-box;
}

body {
  font-family: sans-serif;
  background-image: url('https://lorempixel.com/150/150/');
  background-position: 100px 100px;
	background-repeat: no-repeat;
}

$('.inputs').on('change', function() {
  
  $('body').css('background-position', $('#x').val() + 'px ' + $('#y').val() + 'px');
  
});