Я пытаюсь анимировать фоновое изображение, чтобы изображение отображалось справа налево. Я использовал изображение, которое имеет большую ширину, чем div-контейнер, где расположен фон. На старте фон является следующим

background: url(../img/zeppelin.png);
background-repeat: no-repeat;
background-position: right;

но когда страница загружена, я хочу, чтобы фон был анимирован, чтобы он располагался слева. Это должно взять, например. 2 секунды и только должны быть сделаны один раз. (изображение должно быть расположено слева).

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