JSFiddle - React, Tailwind, and code Playground

HTML

<section class="section background-primary">
		<div class="row">
			<div class="small-12 columns text-center">
				<h1 class="color-white">Referenties</h1>
				<div class="references small-12 medium-8 columns medium-centered color-white">
					<div>
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo, magni vel quidem fugiat nulla deleniti, ullam, aliquam repudiandae ducimus consequatur reprehenderit dolor numquam. Quidem suscipit quos hic est perferendis explicabo consectetur accusamus. Laudantium rerum nemo vel incidunt at, consectetur modi neque quasi, ipsam minus perspiciatis impedit id fugiat vitae aliquid a quas, facilis consequatur blanditiis.</p>
						<i>- Sander Visser</i>
					</div>
					<div>
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam dolorum quam eos blanditiis totam natus dolorem recusandae mollitia debitis voluptates, odit accusantium hic esse, sequi, rerum. Reprehenderit eaque obcaecati pariatur nam maiores animi consectetur numquam quam. Beatae tenetur, ullam culpa laborum debitis. Atque possimus id totam esse expedita voluptatibus eligendi.</p>
						<i>- Sander Visser</i>
					</div>
					<div>
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum corporis et quas repellat, cumque beatae facilis eius. Consequuntur laboriosam debitis earum minus delectus ipsam reiciendis voluptate culpa enim rem temporibus omnis, iste voluptatum quia ipsum modi, facilis mollitia soluta, ab! Nam molestiae at dolore doloremque aliquam iusto cum doloribus unde!</p>
						<i>- Sander Visser</i>
					</div>
					<div>
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati nesciunt vel, assumenda iusto minus sequi tempora, provident enim quaerat quidem, amet dicta quasi at eligendi quos illo. Ipsam voluptates dicta, neque, fugit cum quibusdam exercitationem ea aspernatur ipsum corporis ratione, voluptatum error at. Illo earum ullam error excepturi unde est dicta! Dolore...

CSS

section {
	padding: ms(4) 0;
	width: 100%;
	float: left;
}

.slick-prev, .slick-next {
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	height: 2.61803rem;
	z-index: 100;
	margin: auto;
	overflow: auto;
	vertical-align: middle;
	cursor: pointer;
	padding: 0 ms(-6);
}

.slick-prev {
	left: 0;
}

.slick-next {
	right: 0;
}

.slick-slide {
	padding: 0 ms(-6);
	-webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
     user-select: text;
}

.slick-slider {
    border: none;
}

JavaScript

function initSlider(){
		$('.references').slick({
			dots: false,
			infinite: true,
			speed: 300,
			slidesToShow: 1,
			autoplay: true,
			prevArrow: '<div class="slick-prev"><i class="fa fa-chevron-left"></i></div>',
			nextArrow: '<div class="slick-next"><i class="fa fa-chevron-right"></i></div>'
		});
	}

$(document).ready(function() {
	initSlider();
});