Ribbon Carousel

<!----------======[ Ribbons ]======---------->
<div class="carousel slide carousel-slide my-0 pointer-event" data-ride="carousel" id="ribbonimage" style="overflow:hidden;">
	<div class="carousel-inner">
		<!----------======[ Ribbon 1 ]======---------->
		<div class="carousel-item active"><span data-toggle="tooltip" title="RIBBON DESCRIPTION"><img class="d-block mx-auto fr-fic fr-dib" style="max-width: 100%;" src="IMG-URL" height="16" width="43"></span></div>
		<!----------======[ Ribbon 2 ]======---------->
		<div class="carousel-item"><span data-toggle="tooltip" title="RIBBON DESCRIPTION"><img class="d-block mx-auto fr-fic fr-dib" style="max-width: 100%;" src="IMG-URL" height="16" width="43"></span></div>
		<!----------======[ Add more ribbons above this line ]======---------->
	</div><a class="carousel-control-prev" data-slide="prev" href="#ribbonimage"><span class="fas fa-chevron-left fa-2x text-white"></span></a>
	<a class="carousel-control-next" data-slide="next" href="#ribbonimage"><span class="fas fa-chevron-right fa-2x text-white"></span></a></div>
<!----------======================---------->