- Как расположить кнопку по центру ? Вот это в CSS не работает:

justify-items:center;

=====

Есть два способа. Добавьте контейнеру с кнопкой свойство display: grid

Вот так:

#teil1 {

// тут ваши свойства

display: grid;

}

Либо вот так, с помощью флексов

#teil1 {

// тут ваши свойства

display: flex;

justify-content: center;

}

Есть на самом деле еще способы, но на флексах проще всего.

- Картинка должна передвигаться (анимация) вправо при нажатии кнопки. Пыталась сделать в CSS, не получилось, т.к. при каждом нажатии задаются новые координаты.

===

Вам нужно сохранять в переменной текущую позицию машины и при каждом клике на кнопку прибавлять к этой переменной значение желаемого шага, например 20 пикселей. Тогда машинка будет сдвигаться на 20px влево.

Вот держите песочницу с некоторыми пояснениями https://codepen.io/riedel28/pen/rNWyxPy

Можете поиграться там с кодом как хотите, попробовать что-то поменять итд.

Тут решение на обычном JS. Если надо именно на jQuery, то могу написать и на нем. Но думаю смысла в использовании jQuery особого нет, все можно сделать без использования сторонних библиотек нативными средствами.

P.S. Вижу выше уже добавили решение на jQuery :) Кстати, хорошо реализовано, чтобы машина не выезжала за границы.