VERTICAL ALIGN THE IMAGE INSIDE DIV
Run 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>HTML</title>
<style>
	
	.outer {
	  border: 1px solid red;
	  min-height: 200px;
	  text-align: center; /* Only to align horizontally */
	}

	.container{
	  line-height: 200px;
	  border: 2px dashed blue;
	  border-radius: 20px;
	  margin: 50px
	}

	img {
	  /* height: auto; */
	  vertical-align: middle;   /* Only to align vertically */
	}

</style>
</head>
<body>
    <h2> vertically align the image in div</h2>
	<div class="outer">
		<div class="container">
		 <img src="https://s3.ap-south-1.amazonaws.com/s3.studytonight.com/user/profile/picture/iamabhishek1622449489_profile.png" alt="image">
		</div>
	<div>
</body>
</html>