<div class="carousel_size" >
  <owl-carousel-o [options]="customOptions" class="d-flex">
    <ng-template carouselSlide *ngFor="let site of sites">
      <div class="slide d-flex flex-column justify-content-between" [ngStyle]="{'background-image': 'url(' + site.url + ')'}">
        <div class="d-flex justify-content-end align-items-center mt-4">
          <span>5</span>
          <ion-icon name="star-half-outline" class="me-3"></ion-icon>
        </div>
        <div (click)="handlePatternAllyId(site!.id)" data-bs-toggle="modal" data-bs-target="#staticBackdrop" class="mb-4 Ws-24">
          <i>{{site!.name}}</i>
        </div>
      </div>
    </ng-template>
  </owl-carousel-o>

</div>

<!--
  worsans 24
  source 18
 -->