JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head>
	<title>B.A.BA</title>
	<style>
		h1 {
			color:white;
			text-align: center;
		}
		.imagecustom img{
			text-align: center;
			width: 200px;
			display: inline-block;
		}
	</style>
</head>

<body style="background-color:rgb(255,182,203)">
	<h1>Ça fonctionne !</h1>
		<br/>
		<div class="imagecustom">
		<p>
			<figure style="text-align: center">
				<img src="https://images-eu.ssl-images-amazon.com/images/I/413RHWsREDL.png" alt="Towelie">
				<figcaption>Ali</figcaption>
					<figure>
						<img src="http://www.dronefolies.com/wp-content/uploads/2017/02/gearbest-avis-france-600x600.jpg" alt="Towelie">
						<figcaption>Ali</figcaption>
					</figure>
				</figure>
		</p>
		</div>
	</body>

</html>

JavaScript

$(document).ready(function() {
    $('.text-cycler').cycle();
});