How to make mat-form-field Input text slide like marquee

There is a long text to be shown inside mat-form-field input. I need the input to work as a HTML marquee. Which means text inside input should slide horizontally to left. Here is the code of my input field.

 <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2">
  <mat-form-field appearance="none">
    <mat-label>Check In/Check Out</mat-label>

    <input style="max-width: 82%;" matInput placeholder="Check In" readonly="readonly" [(ngModel)]="CheckIn">
  </mat-form-field>
</div>