Функции / кнопки не работают на iOS, но хорошо работают в других местах

Question

У меня есть 4 кнопки для нажатия, которые просто перемещают изображение вверх и вниз влево и вправо, сохраняя при этом текущее вращение, установленное функцией rotateFoo.

Они отлично работают на рабочем столе, работают нормально на Android, но ничего не делают на iOS. Для справки: кнопка, использующая rotateFoo, прекрасно работает на iOS, но сбрасывает Translate.

Я пытался переформатировать функцию и пытаться отформатировать функции, подобные rotateFoo, но я не могу заставить их работать. Есть идеи?

function rotateFoo() {
  var angle = ($('.card svg image:first-of-type').data('angle') + 90) || 90;
  //$('.card svg image:first-of-type').css({'transform-origin': 'center','transform': 'rotate(' + angle + 'deg) translate(-50%,-50%)'});
  //$('.card svg image:first-of-type').css({'transform': 'rotate(' + angle + 'deg)'});
  $('.card svg image:first-of-type').css({
    'transform-origin': 'center',
    'transform': 'rotate(' + angle + 'deg)'
  });
  $('.card svg image:first-of-type').data('angle', angle);
  $('.move_btns').css({
    'transform': 'rotate(' + angle + 'deg)'
  });
  $('.move_btns').data('angle', angle);

}

function moveupFoo() {
  var up = 0;
  up += -2;
  var upString = 'translateY(' + up + 'px)';
  var current = $('.card svg image:first-of-type').css('transform');
  $('.card svg image:first-of-type').css('transform', current + upString);
}

function movedownFoo() {
  var down = 0;
  down += 2;
  var downString = 'translateY(' + down + 'px)';
  var current = $('.card svg image:first-of-type').css('transform');
  $('.card svg image:first-of-type').css('transform', current + downString);
}

function moveleftFoo() {
  var left = 0;
  left += -2;
  var leftString = 'translateX(' + left + 'px)';
  var current = $('.card svg image:first-of-type').css('transform');
  $('.card svg image:first-of-type').css('transform', current + leftString);
}

function moverightFoo() {
  var right = 0;
  right += 2;
  var rightString = 'translateX(' + right + 'px)';
  var current = $('.card svg image:first-of-type').css('transform');
  $('.card svg image:first-of-type').css('transform', current + rightString);
}