Здравствуйте, есть скрипт паралакса, смещение всего блока, но надо сделать так, что бы задать каждой картинке своё смещение. К примеру 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>