Почему мигает элемент после добавления css анимации?

Question

[oelena]

https://jsfiddle.net/ElenaOr/nx50hw1g/300/ - решила порисовать на досуге и заодно потренироваться в анимации.
Возникла проблема, после добавления анимации "дым" стала мигать труба. По разному уже пробовала, если дым поднять значительно выше, то труба перестает мигать(но тогда эффект, что дым идет из трубы пропадает). Почему такое происходит и как исправить?

Answer 1

[jamtuson]

Установите z-index для smoke-area

Comments

[oelena]

Благодарю))) Теперь моя картина намного лучше выглядет) https://jsfiddle.net/ElenaOr/nx50hw1g/302/

[jamtuson]

oelena, согласен, интересно)
Вам еще стоит использовать для анимации свойство transform, а не абсолютное позиционирование.
Почему это плохо: https://habr.com/ru/post/163645/