title: ngx-swiper-wrapper with multiple configurations for different sliders
body: <p>I am using the <a href="https://www.npmjs.com/package/ngx-swiper-wrapper" rel="nofollow noreferrer">ngx-swiper-wrapper</a> npm package to implement 2 sliders with different configurations on the same page of a SPA site.
  Both swiper sliders are created in different components:
  brands.component and testimonials.component.</p>
  
  <p>My brands template is as follows:</p>
  
  <pre><code>&lt;swiper [config]="BRANDS_SWIPER_CONFIG" [(index)]="index"&gt;
       &lt;div class="swiper-slide"&gt;slide&lt;/div&gt;
  &lt;/swiper&gt;
  </code></pre>
  
  <p>My testimonials template is as follows:</p>
  
  <pre><code>&lt;swiper [config]="TESTIMONIALS_SWIPER_CONFIG" [(index)]="index"&gt;
       &lt;div class="swiper-slide"&gt;              
       &lt;div class="testimonial-item text-center"&gt;&lt;/div&gt;
  &lt;/swiper&gt;
  </code></pre>
  
  <p>my <strong>app.module</strong></p>
  
  <pre><code>import { SwiperModule, SWIPER_CONFIG, SwiperConfigInterface } from 'ngx-swiper-wrapper';
  
  const BRANDS_SWIPER_CONFIG: SwiperConfigInterface = {
     direction: 'horizontal',
     slidesPerView: 4,
     autoplay: { delay: 3000 },
     breakpoints:{ 640: { slidesPerView: 2 } }
   };
  
   const TESTIMONIALS_SWIPER_CONFIG: SwiperConfigInterface = {
        direction: 'horizontal',
        slidesPerView: 1,
   };
  
   @NgModule({
     providers: [
       CurrencyPipe,
       { provide: SWIPER_CONFIG, useValue: BRANDS_SWIPER_CONFIG },
       { provide: SWIPER_CONFIG, useValue: TESTIMONIALS_SWIPER_CONFIG }
    ],
  </code></pre>
  
  <p>The TESTIMONIALS_SWIPER_CONFIG overwrites my BRANDS_SWIPER_CONFIG, how is it possible to configure so that my testimonial template takes the settings of the TESTIMONIALS_SWIPER_CONFIG</p>