轮播3一次可显示一幅图像

Question

前提：我正在尝试在this site上创建横幅的垂直经文，但要同时显示3张图片，其中每张图片都是链接，并带有字幕叠加层。

当前问题：我首先尝试弄清楚如何简单旋转图像而没有任何动画。

研究：我的第一个尝试是复制this overflow question，但我不知道该如何计时。

我的第二次尝试是尝试使用this w3schools link，但一次却无法获得3张完整图像。

代码：现在我不知道如何删除列表中的第一项，在底部添加一个，然后重新启动循环。我仍在自学CSS和JavaScript，因此任何解释都将有所帮助。

var x = document.getElementsByClassName("slide");
var y;
var index = 0;
feed();

function feed() {
  for (y = 0; y < x.length; y++) {
    if (y > 2) {
      x[y].style.display = "none";
    }
  }
  index++;
  if (index > x.length) {
    index = 1
  }

  x[index - 1].style.display = "none";

  setTimeout(feed, 1000); // Change image every 2 seconds
}

.slide {
  display: block;
  width:   200px;
  height:  auto;
}
.container
{
  width:   200px;
  height:  600px;
}

<div class="container">
  <img class="slide" src="https://i.imgur.com/m9aYOcc.jpg">
  <img class="slide" src="https://i.imgur.com/fyX7DaN.jpg">
  <img class="slide" src="https://i.imgur.com/76AVqI2.jpg">
  <img class="slide" src="https://i.imgur.com/BXM4J5X.jpg">
  <img class="slide" src="https://i.imgur.com/D8f9h4q.jpg">
</div>