Как сделать вертикальную бесконечную бегущую строку из фото?

Как сделать вертикальную бегущую строку из фото. Получается, что внутри блока есть контейнер с фото (фото разной высоты), который должен бес конечно двигаться сверху вниз без прерывания анимации.

HTML:

<div class="main__right-row">

<div class="main-cards-container">

<img class="main-card" src="img/card-1.jpg" alt="photo">

<img class="main-card" src="img/card-2.jpg" alt="photo">

<img class="main-card" src="img/card-3.jpg" alt="photo">

<img class="main-card" src="img/card-4.jpg" alt="photo">

</div>

</div>

CSS:

.main-cards-container {

width: 217px;

display: flex;

flex-direction: column;

}