как сделать чтобы вот эта анимация была все время по центру экрана, по средине где бы не находился курсор?

вот вот это не плохо:


но как сделать чтобы оно было все время именно по средине где бы не находился курсор?

position: fixed; видимо интересует?

margin: 0 auto;

Как вариант - слой, растянутый на 100% по width и height (с html, body { height: 100% }, чтобы высота правильно унаследовалась), ему position: fixed; left: 0; top: 0;, а анимацию - фоном с background-position: 50% 50% (т.е. по центру слоя).