(function ($) {
    'use strict';

    $('.js-slick-no-images', '.user-approved-software').slick({
        arrows: false,
        dots: true,
        infinite: true,
        slidesToShow: 3,
        centerMode: true,
        initialSlide: 1,
        variableWidth: true,
        responsive: [
            {
                breakpoint: 960,
                settings: {
                    slidesToShow: 2,
                    slidesToScroll: 2
                }
            },
            {
                breakpoint: 500,
                settings: {
                    slidesToShow: 1,
                    slidesToScroll: 1
                }
            }
        ]
    });

    // option 2 - with avatar images
    $('.js-slick-with-images', '.user-approved-software').slick({
        arrows: false,
        dots: true,
        infinite: true,
        slidesToShow: 1,
        centerMode: true,
        initialSlide: 1,
        variableWidth: true
    });
}(jQuery));