#vi-animation{
  background: url("https://www.design-museum-toshiba.jp/think3/images/kv_5322x600.jpg");
  background-size:auto 100%;
  animation: bgiLoop 60s linear infinite;
}
#vi-animation:hover {
	animation-play-state: paused;
}

@media screen and (max-width:768px) {
  #vi-animation{
    animation: bgiLoopS 90s linear infinite;
  }
}

@media screen and (max-width:960px) {
  #vi-animation{
    animation: bgiLoopM 75s linear infinite;
  }
}

@keyframes bgiLoop {
    0% { background-position: 0 0;}
  100% { background-position: -7200px 0;}
}
@keyframes bgiLoopM{
    0% { background-position: 0 0;}
  100% { background-position: -5400px 0;}
}
@keyframes bgiLoopS{
    0% { background-position: 0 0;}
  100% { background-position: -562.5vw 0;}
}