<div class="item-container box-shadow-lg">
  <!-- color background -->
  <div class="background">
    <img [src]="determineIcon()" alt="{{ pkg.title }} Icon" />
  </div>
  <!-- darkening overlay -->
  <div class="overlay"></div>
  <!-- icon -->
  <span tuiAvatar class="icon" [round]="false">
    <img [src]="determineIcon()" alt="{{ pkg.title }} Icon" />
  </span>
  <div class="detail">
    <span class="detail-title" ticker>
      {{ pkg.title }}
    </span>
    <span class="detail-description">
      {{ pkg.description.short | localize }}
    </span>
  </div>
</div>
