title: Change background-position without animation
body: <p>I've got this code working for changing background conteniosly in CSS and HTML:</p>
  
  <pre><code>animation: animated 10s linear infinite;
  
  @keyframes animated {
      0% { background-position: 0px bottom; }
      25% { background-position: -200px bottom; }
      50% { background-position: -400px bottom; }
      75% { background-position: -600px bottom; }
  }
  </code></pre>
  
  <p>Currently the background moves in an animation, but I would like to have the background switch position in one go - so it seems the image changes instead of moving.</p>
  
  <p>Is that possible with only CSS?</p>