ngx-masonry перекрытие изображений в угловой 5

Question

Я использую ngx-mansory и лениво загружаю изображения, но иногда (случайным образом) все изображения загружаются в правой части окна и накладываются друг на друга. Я не знаю, чем это вызвано. Я использую ngx-masonry v1.1.2. заранее спасибо.

  public myOptions: NgxMasonryOptions = {
    "itemSelector": ".masonryitem",
    "columnWidth": ".item-width",
    "gutter": ".gutter-sizer",
    "horizontalOrder": true,
    "percentPosition": true,

  }

  <div class="container-fluid" id="card-row" >
    <ngx-masonry [options]='myOptions' style="padding-top: 20px;" [useImagesLoaded]="true">
      <ngxMasonryItem class="card masonryitem item-width" *ngFor="let answer of allAnswerUploads;let i = index" >
        <drawing-card class=" gutter-sizer masonry-item" [answer]="answer" [user_id]="this.userService.getValue()['_id']"
          (onClick)="getUploadAnswer($event, answer._user,i)" data-toggle="modal" data-target="#myModal" ></drawing-card>
      </ngxMasonryItem>
    </ngx-masonry>
  </div>