Наличие противоречий и ошибок в функции

document.getElementById('polosa').onclick = move; 
 
var left = 0; 
var selfMove = setInterval(move, 4000); 
 
function move() { 
  var polosa = document.getElementById('polosa'); 
  left = left - 200; 
  if (left < -600) { 
    left = 0; 
  } 
  polosa.style.left = left + 'px'; 
  clearInterval(selfMove); 
  selfMove = setInterval(move, 4000); 
}

body { 
  margin: 0; 
} 
 
#slider { 
  width: 600px; 
  overflow: hidden; 
} 
 
#polosa { 
  position: relative; 
  display: flex; 
  left: 0; 
  transition: left 1s; 
} 
 
img { 
  width: 200px; 
  height: 200px; 
}

<header class="page-header"> 
 
</header> 
<main class="page-main"> 
  <div id="slider"> 
    <div id="polosa"> 
      <img src="kisa.jpg"> 
      <img src="sobaka.jpg"> 
      <img src="ptica.jpg"> 
      <img src="zmeya.jpg"> 
      <img src="fish.jpg"> 
      <img src="bear.jpg"> 
    </div> 
  </div> 
</main>