Code for the Elementor text carousel with three texts:

Code for the Elementor text carousel with two texts:
(Replace existing code)

Replace the HTML code with this:

<style>
/* For 2 texts */
.textcarousel, .textcarousel2{
pointer-events: none;
opacity: 0;
}
.textcarousel{
opacity: 0;
-webkit-animation: tcarousel 10s ease infinite;
animation: tcarousel 10s ease infinite;
}
.textcarousel2{
opacity: 0;
-webkit-animation: tcarousel 10s ease -5s infinite;
animation: tcarousel 10s ease -5s infinite;
}
@-webkit-keyframes tcarousel{
0%{
opacity: 0;
-webkit-transform: translateX(30px);
transform: translateX(30px);
pointer-events: none;
}
8%{
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
pointer-events: all;
}
46%{
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
pointer-events: all;
}
56%{
opacity: 0;
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
pointer-events: none;
}
100%{
opacity: 0;
pointer-events: none;
}
}
@keyframes tcarousel{
0%{
opacity: 0;
-webkit-transform: translateX(30px);
transform: translateX(30px);
pointer-events: none;
}
8%{
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
pointer-events: all;
}
46%{
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
pointer-events: all;
}
56%{
opacity: 0;
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
pointer-events: none;
}
100%{
opacity: 0;
pointer-events: none;
}
}
</style>

Code for the Elementor text carousel with four texts:
(Replace existing code)

Replace the HTML code with this:

<style>
/* For 4 texts */
.textcarousel, .textcarousel2, .textcarousel3, .textcarousel4{
pointer-events: none;
opacity: 0;
}
.textcarousel{
-webkit-animation: tcarousel 20s ease infinite;
animation: tcarousel 20s ease infinite;
}
.textcarousel2{
-webkit-animation: tcarousel 20s ease -5s infinite;
animation: tcarousel 20s ease -5s infinite;
}
.textcarousel3{
-webkit-animation: tcarousel 20s ease 5s infinite;
animation: tcarousel 20s ease 5s infinite;
}
.textcarousel4{
-webkit-animation: tcarousel 20s ease 10s infinite;
animation: tcarousel 20s ease 10s infinite;
}
@-webkit-keyframes tcarousel{
0%{
opacity: 0;
-webkit-transform: translateX(30px);
transform: translateX(30px);
pointer-events: none;
}
6%{
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
pointer-events: all;
}
24%{
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
pointer-events: all;
}
30%{
opacity: 0;
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
pointer-events: none;
}
100%{
opacity: 0;
pointer-events: none;
}
}
@keyframes tcarousel{
0%{
opacity: 0;
-webkit-transform: translateX(30px);
transform: translateX(30px);
pointer-events: none;
}
6%{
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
pointer-events: all;
}
24%{
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
pointer-events: all;
}
30%{
opacity: 0;
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
pointer-events: none;
}
100%{
opacity: 0;
pointer-events: none;
}
}
</style>

  1. Download and unzip the file
  2. Import to Elementor template