Slider

  <div class="slider" data-module="Slider">
    <div class="slider__slides">
      <div class="slider__slide is-active">
        <picture class="slider__picture">
          <source srcset="..." media="(min-width: 768px)">
          <img class="slider__image" src="..." alt="">
        </picture>
        <div class="slider__content">
          <h2 class="slider__title">
            <span class="slider__text-background">...</span>
          </h2>
          <div class="slider__text">
            <span class="slider__text-background">...</span>
          </div>
        </div>
      </div>
      ...
    </div>
    <div class="slider__controls">
      <div class="slider__previous">
        ...
      </div>
      <div class="slider__pips"></div>
      <div class="slider__next">
        ...
      </div>
    </div>
  </div>