ide-1">1</label>
                    <label class="nav-item text-hide c-hand" for="slide-2">2</label>
                    <label class="nav-item text-hide c-hand" for="slide-3">3</label>
                    <label class="nav-item text-hide c-hand" for="slide-4">4</label>
                  </div>
                </div>
              </div>
            </div>
            <p>The default image number of Carousels is <code>8</code>. You can add more images by changing the variable <code>$carousel-number</code> i