Анимация фона
 

Здравствуйте, есть скрипт паралакса, смещение всего блока, но надо сделать так, что бы задать каждой картинке своё смещение. К примеру paralax-1-1 двигается быстрее чем paralax-1.

<div class="mouse-parallax-bg">
<div class="grupp-1">
<img class="paralax-1-1" src="/icon-1-1.svg">
<img class="paralax-1" src="/icon-1.svg">
</div>
<div class="grupp-2">
<img class="paralax-2-1" src="/icon-2-1.svg">
<img class="paralax-2" src="/icon-2.svg">
</div>
</div>


<script>
let bg = document.querySelector('.mouse-parallax-bg');
window.addEventListener('mousemove', function(e) {
let x = e.clientX / window.innerWidth;
let y = e.clientY / window.innerHeight;
bg.style.transform = 'translate(-' + x * 50 + 'px, -' + y * 50 + 'px)';
});
</script>

sega1821,
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:

[html run]
... минимальный код страницы с вашей проблемой
[/html]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.