Как сделать новую карту bootstrap 4, чтобы она добавлялась слева от страницы при добавлении через ngFor динамически в Angular

Question

Созданные карты добавляются в правой части страницы, пожалуйста, подскажите, как добавить карты слева. Используя только класс карт, карты расширяются при использовании фильтра. Итак, перешел на карточку-столбец.

<div class="card-columns">
          <div class="card shadow rounded" *ngFor="let emp of employee | customerFilter:searchTerm">
            <div class="card-header bg-info text-white" (click)="viewDetails(emp.id)">
             <strong> {{emp.name}} </strong>
            </div>
            <div class="alignleft p-3">
              <img class="imageClass" [src]="emp.photoPath"/>
            </div>
            <div class="alignright p-3">
            <h3>{{emp.fname}}</h3>
            <p>{{emp.Address}}</p>
            <p>{{emp.phoneNumber}}</p>
            </div>

      </div>
    </div>