<div class="carousel_size" >
  <owl-carousel-o [options]="customOptions" class="d-flex">
    <ng-template carouselSlide>
      <div class="slide d-flex flex-column justify-content-between">
        <div class="d-flex justify-content-end align-items-center mt-4">
          <span>5</span>
          <img
            src="../../../../../../assets/images/svg/medium-star.svg"
            alt=""
            width="25px"
            height="25px"
            class="mr-5"
          />
        </div>
        <div class="mb-4">
          <i>Panaderia Blink</i>
        </div>
      </div>
    </ng-template>
    <ng-template carouselSlide>
      <div class="slide">hola</div>
    </ng-template>
    <ng-template carouselSlide>
      <div class="slide">hola</div>
    </ng-template>
    <ng-template carouselSlide>
      <div class="slide">hola</div>
    </ng-template>
    <ng-template carouselSlide>
      <div class="slide">hola</div>
    </ng-template>
    <ng-template carouselSlide>
      <div class="slide">hola</div>
    </ng-template>
    <ng-template carouselSlide>
      <div class="slide">hola</div>
    </ng-template>
    <ng-template carouselSlide>
      <div class="slide">hola</div>
    </ng-template>
    <ng-template carouselSlide>
      <div class="slide">hola</div>
    </ng-template>
    <ng-template carouselSlide>
      <div class="slide">hola</div>
    </ng-template>
    <ng-template carouselSlide>
      <div class="slide">hola</div>
    </ng-template>
  </owl-carousel-o>

</div>