card.component.html

<div
  class="o-card__images-container">
  <div
    class="o-card__image"
    [style.background-image]="imageUrl">
    <div 
      class="o-card__image-aspect-ratio">
    </div>
  </div>
</div>
<div
  class="o-card__title-container">
  <h3
    class="o-card__title">{{ title }}
  </h3>
</div>
<div
  class="o-card__details-container">
  <div>
    <h4>Price</h4>
    <span>{{ price | currency }}</span>
  </div>
  <div>
    <h4>Listed</h4>
    <span>{{ listed | date }}</span>
  </div>
</div>