h1{
    text-align: center;
}
.box{
    margin: auto;
    overflow: hidden;
    width: fit-content;
    background-color: black;
    contain: paint;
}
.move-1{
    color: yellow;
    animation-duration: 5s;
    animation-name:slide-left-1;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.move-2{
    color: yellow;
    position: absolute;
    top: 0%;
    animation-duration: 5s;
    animation-name:slide-left-2;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@keyframes slide-left-1{
    from {
    margin-left: 0%;
  }

  to {
    margin-left: -100%;
  }
}
@keyframes slide-left-2{
    from {
    margin-left: 100%;
  }

  to {
    margin-left: 0%;
  }
}
@media(prefers-reduced-motion: reduce){
    .move-1{
        color: yellow;
        animation-name:stop;
    }
    .move-2{
        color: yellow;
        position: absolute;
        top: 0%;
        animation-name:stop;
    }
}
@keyframes stop{}