PARALLAX SCROLLING EFFECT
Run 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>HTML</title>
</head>
<style>
   body , html {
     height: 100%;
   }
	  .container {
	  /* The image used */
	  background-image: url("https://s3.ap-south-1.amazonaws.com/s3.studytonight.com/tutorials/uploads/pictures/1626423162-101156.png");

	  /* Set a specific height */
	  height: 100%;

	  /* Create the parallax scrolling effect */
	  background-attachment: fixed;
	  background-position: center;
	  background-repeat: no-repeat;
	  background-size: cover;
     } 
   
</style>
<body>
    <h2> Scroll down to see effect</h2>
	<div class="container">
	</div>
	<div>
	  <img src="https://s3.ap-south-1.amazonaws.com/s3.studytonight.com/tutorials/uploads/pictures/1626415784-101156.png" alt="image">  
	</div>
	<div class="container">
	</div>
	
	
</body>
</html>