Почему мое свойство Transform: Scale() перемещает изображение влево? ⇐ Html

[Anonymous]

Я пытаюсь создать галерею изображений с использованием CSS-анимации, но у меня возникают странные эффекты. Для начала у меня есть миниатюра меньшего размера, и я хочу, чтобы она увеличивалась в два раза, когда я наводил на нее курсор. Эта часть работает, но она также заставляет ее двигаться влево, и в конечном итоге она выходит за край экрана. Что мне следует сделать, чтобы это исправить?

Код: Выделить всё

.zoom {
transition: 1s ease-in-out;
}

.zoom:hover {
transform: scale(2);
}

Код: Выделить всё

[img]https://via.placeholder.com/200[/img]

A paper plane

Демо-версия JSFiddle

Подробнее здесь: https://stackoverflow.com/questions/268 ... o-the-left