Elementor Vertical Carousel by Template Monster - https://www.youtube.com/watch?v=MBWP1bRDYN4 and Andrea Egli - https://www.youtube.com/watch?v=i13Az30Kwa8 using CSS Animation . Andrea uses Elementor containers or Flexbox

andrea-egli-1.css

// 1st Vertical Carousel (left-hand side)

.carouselverticalone {
    animation: looping 10s linear 0s infinite none;
}


.verticalcolumnone  {
    max-height: 750px;
        height: 750px;
    width: 200px;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(transparent, black 20%, black 80%, transparent 100%);
    mask-image: linear-gradient(transparent, black 20%, black 80%, transparent 100%);
   
}

@keyframes looping{
0% {
    transform: translateY(0px);
}
100% {
    transform: translateY(-100%);
}
}

@media only screen and (max-width: 360px) {
	.verticalcolumnone  {
	max-height: 350px;
        height: 350px;
    width: 100px;
	}
}

andrea-egli-2.css

 // 2ns Vertical Carousel (center)

.carouselverticaltwo {
    animation: looping 12s linear 0s infinite none reverse;
     animation-direction: reverse;
}

.verticalcolumntwo   {
    margin-top: 5rem;
    max-height: 700px;
        height: 700px;
    width: 200px;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(transparent, black 20%, black 80%, transparent 100%);
    mask-image: linear-gradient(transparent, black 20%, black 80%, transparent 100%);
    
}

@keyframes looping{
0% {
    transform: translateY(0px);
}
100% {
    transform: translateY(-100%);
}
}

@media only screen and (max-width: 360px) {
	.verticalcolumntwo  {
	max-height: 350px;
        height: 350px;
    width: 100px;
	}
}

andrea-egli-3.css

// 3rd Vertical Carousel (right-hand side)

.carouselverticalthree {
    animation: looping 13s linear 0s infinite none;
   
    
}
.img-one {
    box-shadow: 0 5px 15px rgba(0,0,0,.2)
}

.verticalcolumnthree  {
    max-height: 800px;
        height: 800px;
    width: 200px;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(transparent, black 20%, black 80%, transparent 100%);
    mask-image: linear-gradient(transparent, black 20%, black 80%, transparent 100%);
    
}

@keyframes looping{
0% {
    transform: translateY(0px);
}
100% {
    transform: translateY(-100%);
}
}

@media only screen and (max-width: 360px) {
	.verticalcolumnthree  {
	max-height: 350px;
        height: 350px;
    width: 100px;
	}
}

templatemonster.css

/* -------------------------------------------------
* Vertical Carousel CSS
* no glitching with this css by Template Monster
* with application of opacity on beginning and end frames
*/

/* https://developer.mozilla.org/en-US/docs/Web/CSS/animation */

selector {
    
    -webkit-animation: middle-slot 100s linear infinite;
    -moz-animation: middle-slot 100s linear infinite;
    -o-animation: middle-slot 100s linear infinite;
    animation: middle-slot 100s linear infinite;
}

/* https://developer.mozilla.org/en-US/docs/Web/CSS/@keyframes */

@keyframes middle-slot {
    0% {
        transform: translate(0,0);
        opacity:0;
    }
    5% { 
        opacity:1;
    }
    95% {
        opacity:1;
    }
    100% {
        transform: translate(0,-1000px);
        opacity:0;
    }
}