右の画像を左に動かしたいです

<html>
  <head>
    <meta charset="utf-8">
    <title>マウス君</title>
    <script src="mousekun.js"></script>
    
    <style>
      
      #img2 {position:absolute;
      
      top:300;
      
      left:300;}
    </style>
  </head>
  
  <body>
  
  <p><input type="button" value="実行" onclick="mousekunMove()"></p>
 
 <p><input type="button" value="停止" onclick="mousekunStop()"></p>
  
  <img src="imgM1.gif" border="0" id="img1" style="position:absolute">
  
  <img src="imgM2.gif" border="0" id="img2" style="position:absolute">
  
  
  </body>
</html>

var timer1,timer2;
var i;

var imgLeftStart = 0;
var imgLeftEnd = 500;
var imgLeft = imgLeftStart;
var imgTop =100;
var moveStep = 5;
var moveSpeed = 100;

var imgRightStart = 0;
var imgRightEnd = 500;
var imgRight = imgRightStart;
var imgBottom = 100;
var moveStep = 5;
var moveSpeed = 100;

//マウス君の移動
function mousekunMove() {
  
  timer1 = setInterval("rightMove()", 50);
  
  timer2 = setInterval("leftMove()",50);
}

//マウス君の停止
function mousekunStop(){
 clearInterval(timer1);
  
  clearInterval(timer2);
}

//右に移動
function rightMove() {
  
  imgLeft+=moveStep;
  
  if(imgLeft> imgLeftEnd){
     imgLeft= imgLeftStart;
 }
  
  document.getElementById("img1").style.top=imgTop;
  document.getElementById("img1").style.left=imgLeft + "px";


}


//左に移動
function leftMove() {
  
  imgRight += moveStep;
  
  if(imgRight>imgRightEnd){
    imgRight=imgRightStart;}
    
    document.getElementById("img2").style.bottom=imgBottom;
    document.getElementById("img2").style.right=imgRight + "px";

```### 前提・実現したいこと
右に表示している画像(img2)をへ左動かしたいのですが、今入力しているコードでは動きません。
どこをどのように書き換える（書き加える）必要があるか教えていただきたいです。
2つ画像が表示されていてrightmove（img1）の方は正常に動きます。
同じ内容の質問を見ても解決できませんでした。