@keyframes realtimeanim {
  0%{background-image: url('https://seb.how/cssanim/anim/sprite_00.png');}
    9%{background-image: url('https://seb.how/cssanim/anim/sprite_00.png');}
    19%{background-image: url('https://seb.how/cssanim/anim/sprite_01.png');}
    30%{background-image: url('https://seb.how/cssanim/anim/sprite_02.png');}
    40%{background-image: url('https://seb.how/cssanim/anim/sprite_03.png');}
    50%{background-image: url('https://seb.how/cssanim/anim/sprite_05.png');}
    60%{background-image: url('https://seb.how/cssanim/anim/sprite_06.png');}
    70%{background-image: url('https://seb.how/cssanim/anim/sprite_07.png');}
    80%{background-image: url('https://seb.how/cssanim/anim/sprite_08.png');}
    90%{background-image: url('https://seb.how/cssanim/anim/sprite_09.png');}
    94%{background-image: url('https://seb.how/cssanim/anim/sprite_10.png');}
    95%{background-image: url('https://seb.how/cssanim/anim/sprite_11.png');}
    96%{background-image: url('https://seb.how/cssanim/anim/sprite_12.png');}
    97%{background-image: url('https://seb.how/cssanim/anim/sprite_13.png');}
    98%{background-image: url('https://seb.how/cssanim/anim/sprite_14.png');}
    99%{background-image: url('https://seb.how/cssanim/anim/sprite_15.png');}
    100%{background-image: url('https://seb.how/cssanim/anim/sprite_16.png');}

 }
 
 html{
     animation: realtimeanim 1s infinite;
 
 }