JSFiddle - React, Tailwind, and code Playground
by BaronGrivet
HTML
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css">
<section id="our-platform-powers" class="Index-page" data-collection-id="5c18be171ae6cfd531e4b1a7" data-parallax-id="5c18be171ae6cfd531e4b1a7" data-edit-main-image="Background">
<div class="Index-page-content ">
<div class="sqs-layout sqs-grid-12 columns-12" data-type="page" data-updated-on="1548038533667" id="page-5c18be171ae6cfd531e4b1a7">
<div class="row sqs-row">
<div class="col sqs-col-12 span-12">
<div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-1617f524144bb087de4c">
<div class="sqs-block-content">
<h2 style="text-align: center; white-space: pre-wrap;">Our platform powers some of the largest and most respected organizations in the world.</h2></div>
</div>
<div class="row sqs-row">
<div class="col sqs-col-1 span-1">
<div class="sqs-block spacer-block sqs-block-spacer sized vsize-1" data-block-type="21" id="block-yui_3_17_2_1_1546823108283_45603">
<div class="sqs-block-content"> </div>
</div>
</div>
<div class="col sqs-col-10 span-10">
<div class="sqs-block spacer-block sqs-block-spacer" data-aspect-ratio="1.8949181739879415" data-block-type="21" id="block-yui_3_17_2_1_1546825495350_19590">
<div class="sqs-block-content"> </div>
</div>
<div class="sqs-block gallery-block sqs-block-gallery"...
JavaScript
$('#our-platform-powers .sqs-gallery').slick({
arrows: true,
dots: true,
infinite: true,
speed: 300,
slidesToShow: 6,
variableWidth: true
});