Responsive Animated Background in Bootstrap?
<p>After following the instructions here: <a href="https://davidwalsh.name/background-animation-css" rel="nofollow">https://davidwalsh.name/background-animation-css</a></p>

<p>I can make the picture move, but I cannot figure out how to make it responsive. Any ideas on how to make this possible? I have added following css code:</p>

<pre><code>@keyframes animatedBackground{
  from {background-position: 0 0;}
  to {background-position: -1920px 0;}
}


#animate-area{ 
  width: 560px; 
  height: 400px; 
  background-image: url("images/japan.jpg");
  background-position: 0px 0px;
  background-repeat: repeat-x;

  animation: animatedBackground 40s linear infinite;
}
</code></pre>