const swiper = new Swiper('.swiper', {
    breakpoints: {
        // xs
        0: {
            slidesPerView: 1,
        },
        // sm
        576: {
            slidesPerView: 2,
        },
        // md
        768: {
            slidesPerView: 3,
        },
        // lg
        992: {
            slidesPerView: 3,
        },
        // xl
        1200: {
            slidesPerView: 4,
        },
        // xxl
        1400: {
            slidesPerView: 4,
        },
    },
    breakpointsInverse: true,
    navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
    },
    slidesPerGroup: 1,
    spaceBetween: 30
});

const items = document.querySelectorAll('.featured.random');
for (let i = 0; i < items.length; ++i) {
    let children = Array.from(items[i].children);
    while (children.length) {
        let c = Math.floor(Math.random() * items[i].length);
        const child = children.splice(c, 1)[0];
        items[i].appendChild(child);
    }
}