card.component.html

<div
  class="o-card__images-container">
  <ng-container
    *ngIf="video">
    <my-card-video>
      [video]="video">
    </my-card-video>
  </ng-container>
  <ng-container
    *ngIf="images">
    <my-card-image-carousel>
      [images]="images">
    </my-card-image>
  </ng-container>
  <ng-container
    *ngIf="image">
    <my-card-image
      [image]="image">
    </my-card-image>
  </ng-container>
</div>
<div
  class="o-card__title-container">
  <my-card-title>{{ title }}</my-card-title>
</div>
<div
  class="o-card__details-container">
  <my-card-details
    [listed]="listed"
    [price]="price">
  </my-card-details>
</div>