/******* Bootstrap Theming ********/
/*!
 * Bootstrap v4.5.3 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
<style>
	body {
		font-family: Helvetica, sans-serif;
		padding: 5%;
		text-align: center;
		font-size: 50;
	}
	
	/* Styling the area of the slides */
	
	#slideshow {
		overflow: hidden;
		height: 500px;
		width: 1000px;
		margin: 0 auto;
	}
	
	/* Style each of the sides
	with a fixed width and height */
	
	.slide {
		float: left;
		height: 500px;
		width: 1000px;
	}
	
	/* Add animation to the slides */
	
	.slide-wrapper {
		
		/* Calculate the total width on the
	basis of number of slides */
		width: calc(1000px * 5);
		
		/* Specify the animation with the
	duration and speed */
		animation: slide 20s ease infinite;
	}
	
	
	
	/* Define the animation
	for the slideshow */
	
	@keyframes slide {
		
		/* Calculate the margin-left for
	each of the slides */
		20% {
			margin-left: 0px;
		}
		40% {
			margin-left: calc(-1000px * 1);
		}
		60% {
			margin-left: calc(-1000px * 2);
		}
		80% {
			margin-left: calc(-1000px * 3);
		}
		100% {
			margin-left: calc(-1000px * 4);
		}
	}
	</style>