.image-test {
    -webkit-animation: animateTwo 15s infinite ease-in-out;
    -o-animation: animateTwo 15s infinite ease-in-out;
    -ms-animation: animateTwo 15s infinite ease-in-out;
    -moz-animation: animateTwo 15s infinite ease-in-out;
    animation: animateTwo 10s infinite ease-in-out; }
  
  @-webkit-keyframes animateTwo {
    0% {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0); }
    50% {
      -webkit-transform: translate(50px, 0px);
      transform: translate(50px, 0px); }
    100% {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0); } }
  
  @keyframes animateTwo {
    0% {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0); }
    50% {
      -webkit-transform: translate(50px, 0px);
      transform: translate(50px, 0px); }
    100% {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0); } }

      .back{
        background-image: url(../images/truck-vehicle-with-trailers-background.jpg);
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-animation-name: masked-animation;
        animation-name: masked-animation;
        -webkit-animation-duration: 5s;
        animation-duration: 5s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        text-align: center;
        font-weight: 900 !important;
        font-size: 11rem;
            }
            
    @keyframes masked-animation{
            0%, 100% {
        background-position: 50% 35%;
    }}
    @keyframes masked-animation{
            50% {
        background-position: 50% 65%;
    }}