<div class="carousel">
  <div class="slider">
    <div #sliderContainer class="slider-container">
      <ng-container *ngFor="let item of items; let idx = index">
        <div class="slider-item" #slideItem [ngClass]="{ 'is-current': activeItem === idx }">
          <div class="card">
            <div class="card-image">
              <figure class="image is-16by9 is-covered">
                <img [src]="item.src" [alt]="item.alt" />
              </figure>
            </div>
            <div class="card-content">
              <div class="carousel-item-title" *ngIf="item.title">{{ item.title }}</div>
              <div class="carousel-item-description" *ngIf="item.description">{{ item.description }}</div>
            </div>
          </div>
        </div>
      </ng-container>
    </div>
  </div>
</div>
