Necesito cortar mis cuadros div a continuación en dos. Por favor, ayúdenme

Y mi código HTML es ' <div *ngFor="let value of dashBoardTableList ;let i=index" myStyleDirective

 [ngClass]="value.crDt==1 ? 'table5' : 'table3' " itemIndex="i" (click)="navToOrder(value.agId,value.invoiceId,value.tableNo,value.currStageName)" [style.background-color]="value.currStageColor" class="table1 m-3" tooltip={{value.currStageName}} placement="top"> <span class="homeTopLabel ">{{value.noOfCovers}}</span> <span class="leftGlass"> <i *ngIf="value.currStageName!='Empty'" class="fa fa-glass "></i> <i *ngIf="value.currStageName=='Empty'" class=" fa fa-glass fa-flip-vertical"></i> </span> <span class="fa-stack middlePlate"> <i class="fa fa-genderless fa-stack-2x" style="font-size:35px;"></i><i class="fa fa-spoon fa-stack-1x" style="font-size: 15px;top: 5px;left: -1.5px;"></i> </span> <span class="rightGlass"> <i *ngIf="value.currStageName!='Empty'" class="fa fa-glass "></i> <i *ngIf="value.currStageName=='Empty'" class=" fa fa-glass fa-flip-vertical"></i> </span> <span class="homeBlabel">{{value.tableNo}}</span> </div> </div> '