THE TEXT BLOCK

Run
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>HTML</title>
<style>
    
	.container {
	  background-image: url("https://s3.ap-south-1.amazonaws.com/s3.studytonight.com/tutorials/uploads/pictures/1627476216-101156.png");
	  background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
	  height: 100vh;
	  width: 100%;

	}
	.text {
	  text-align: center;
	  background-color: rgba(255, 255, 255, 0.2);
	  font-size: 30px;
	  height: 200px;
	  width: 100%;
	}
	
</style>
</head>
<body>
   <div class="container">
		<div class="text">
			<h2> The text block </h2>
			<p> Here we have created text block </p>
		</div>
    </div>	
</body>
</html>