Анимация у вас не работает, потому что @keyframes это отдельный блок правил, а не свойство внутри селектора. Вынесите его самостоятельным блоком.
А теперь к задаче. У вас не получится анимировать фон (bg image)независимо от контейнера. Поэтому совет, вынесите bg-image к ::before/::after, предварительно его подогнав в нужное место, крутите его.
З.ы.: в гугле первый линк по запросу: rotate background image css ведет на стэк, там уже есть решение
Средний
