Как сдвинуть все изображения влево

Question

Я хотел бы создать слайд-шоу с помощью jQuery.

Это то, что я пробовал:

$('.images').animate({right: "200px"}, 1500)

.slideshow {
  background: red;
  width: 200px;
  height: 200px;
  overflow: hidden;
}
.slideshow img {
  position: relative;
  width: 200px;
  height: 200px;
}
.images {
  position: relative;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="slideshow">
  <div class="images">
  <img src="https://store-images.s-microsoft.com/image/apps.24119.13561428843663101.db53229a-3063-4dd3-b18e-61ad6b3661d1.b2b9b3b6-0326-402e-be19-4fe9ce86f784?mode=scale&q=90&h=200&w=200&background=%230078D7" alt="">
    <img src="https://www.istockphoto.com/resources/images/Thinkstock/1095407386.jpg" alt="">
      <img src="https://www.istockphoto.com/resources/images/IllustrationsLanding/img_88472599.jpg" alt="">
      </div>
</div>

Первое изображение сдвигается влево, но фон остается красным. Как сделать так, чтобы два других изображения тоже сдвинулись влево?

Если я использую width: 2000px для класса .slideshow, он прекрасно работает, но не при ширине 200px.