Infographic Widget

<div class="section--widget section--widget-infographic mx-auto" style="max-width: 1200px"> <div class="widget widget-infographic"> <div class="widget-infographic__bg"> <div class="widget-infographic__slider-wrapper"> <ul class="slider controls my-3 pl-0 infographic-slider" data-slick='{"dots": false, "arrows": true}'> <li><img class="mx-auto" src="/images/infographics/stat-facts/01.jpg" alt="Stat Facts 1"></li> <li><img class="mx-auto" src="/images/infographics/stat-facts/02.jpg" alt="Stat Facts 2"></li> <li><img class="mx-auto" src="/images/infographics/stat-facts/03.jpg" alt="Stat Facts 3"></li> <li><img class="mx-auto" src="/images/infographics/stat-facts/04.jpg" alt="Stat Facts 4"></li> <li><img class="mx-auto" src="/images/infographics/stat-facts/05.jpg" alt="Stat Facts 5"></li> <li><img class="mx-auto" src="/images/infographics/stat-facts/06.jpg" alt="Stat Facts 6"></li> <li><img class="mx-auto" src="/images/infographics/stat-facts/07.jpg" alt="Stat Facts 7"></li> <li><img class="mx-auto" src="/images/infographics/stat-facts/08.jpg" alt="Stat Facts 8"></li> <li><img class="mx-auto" src="/images/infographics/stat-facts/09.jpg" alt="Stat Facts 9"></li> </ul> </div> </div> </div> </div>