How To Make Double-layered Text Marquee Using Elementor Free

<style>
.marquee-box{
    transform: rotate(1.5deg);
        left: -5%;
}
@media (max-width: 767px){
    .marquee-box{
    
        left: 0%;
}
}
</style>

.marquee-box-2{
    left: -5%;
    transform: rotate(-2.5deg);
     
}
@media (max-width: 767px){
.marquee-box-2{
    left: 0%;
}
}

.marquee {
  animation: marquee 25s linear infinite;
  
}


@keyframes marquee {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}

.marquee-2{
    animation: marquee-2 25s linear infinite;
}



@keyframes marquee-2 {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0%);
  }
}