CHANGE IMAGE ON HOVER

Run
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>HTML</title>
<style>
   a img:last-child {
	  display: none;  
	}
	a:hover img:last-child {
	  display: block;  
	}
	a:hover img:first-child {
	  display: none;  
}
</style>
</head>
<body>
    <h2> Change image on hover</h2>
	<a>
		<img src="https://s3.ap-south-1.amazonaws.com/s3.studytonight.com/tutorials/uploads/pictures/1626415729-101156.png" alt="image">
		<img src="https://s3.ap-south-1.amazonaws.com/s3.studytonight.com/tutorials/uploads/pictures/1626415784-101156.png" alt="img2">
	</a>
</body>
</html>