Изменение параметров vanilla-tilt.min через js

Создаю input для значения максимальной скорости перехода параллакс-карточки с использованием vanilla-tilt.min.js, после изменения которого будет менять соответствующий параметр.

Пробовал менять значения в скрипт файле через value инпута, но не получилось

VanillaTilt.init(
    document.querySelectorAll('.box'), {
      speed: document.getElementById(#speed).value,          
     }
  );
</script>

.box - сама карточка. #speed - id инпута

Скрипт свыше должен был брать дефолтные значения из value инпута, но не берёт.

Пробовал добавлять data атрибут data-tilt-speed при помощи

function getElements(element) {
  return document.querySelectorAll(element);
}

function setAtt(elements, att, value) {
  for (const element of getElements(elements)) {
    if (value) {
      element.setAttribute(att, value);
    } else {
      element.setAttribute(att, '');
    }
  }
}

for (const [i, input] of getElements('.test-8 .box input').entries()) {
  input.addEventListener('input', () => {
    if (i === 3) {
      setAtt('.box', 'data-tilt');
      setAtt('.box', 'data-tilt-speed', input.value);
    }
  });
}

Атрибут добавляется, но в самый конец, и почему-то браузер его не учитывает.