Basic Slideshow

<!DOCTYPE html>
<html>
<head>
<title>Basic Slideshow</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<style>

body {  margin:0;     }
img {   height:100vh;    }
#carousel{   display:flex;flex-direction:row;margin:-17px 0;  }

</style>
</head>
<body>


<div id='carousel'>
<img src='https://images.pexels.com/photos/416160/pexels-photo-416160.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940'/>
<img src='https://images.pexels.com/photos/996328/pexels-photo-996328.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940'/>
<img src='https://images.pexels.com/photos/461431/pexels-photo-461431.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940'/>
<img src='https://images.pexels.com/photos/386025/pexels-photo-386025.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940'/>
<img src='https://images.pexels.com/photos/760280/pexels-photo-760280.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940'/>
</div>

<script></script>
</body>
</htm>