<mdb-card class="card-desc" *ngIf="descriptiveCardCSSProp.display">
  <!--Card image-->
  <!-- Card -->
  <div class="card card-image mb-2" [ngStyle]="overlay_background">
    <!-- Content -->
    <div
      class="text-white text-left d-flex align-items-left rgba-black-light px-4 card-desc-overlay"
    >
      <input
        type="image"
        (click)="closeCardDesc()"
        class="close-button"
        src="../../../../assets/images/close-blue-big.png"
        alt="Blue Close"
      />

      <div class="row">
        <span class="col-md-12 card-title pt-2">{{
          descriptiveCardProperties?.subtitle
        }}</span>
        <h2 class="col-md-6 text-left">
          <strong>{{ descriptiveCardProperties?.title }}</strong>
        </h2>
        <h2 class="col-md-6 float-right text-right">
          <strong>{{ descriptiveCardProperties?.amount }}</strong
          >&nbsp;
          <small class="text-muted-card">{{
            descriptiveCardProperties?.currency
          }}</small>
        </h2>
      </div>
    </div>
    <!-- Content -->
  </div>
  <!-- Card -->
  <!--Card content-->
  <mdb-card-body class="card-desc-body">
    <!--Text-->
    <mdb-card-text>
      {{ descriptiveCardProperties?.description }}
    </mdb-card-text>
  </mdb-card-body>
</mdb-card>
