Multiple ion-slides on the same page- how to apply different behaviour

Ionic Framework ionic-v3
2

A simple solution could be something like this:

  <div class="div-slides">
    <span>Produtos</span>
    <ion-slides slidesPerView="3" spaceBetween="1">
      <ion-slide *ngFor="let prod of allProd" text-center>
            <img src="{{prod.img}}">
            <p class="tam-title"> {{prod.title}} </p>
      </ion-slide>
    </ion-slides>
  </div>

And so the SCSS:

.div-slides{    
    bottom: 0;
    width: 100%;    
    height: 160px;
    display: block;        
    background-color: #e6e6e6;
    img{
        width: auto;
        height: 80px;
        object-fit: contain;
    }
}
.tam-title{
    margin-top: -0.5%;
    font-size: 80%;
    font-weight: bold;
    color: #ff9900;
}

I hope you enjoy!