how to put image on image in html code example

Example 1: adding image in html

<img src="image.png" alt="Description for image" width="250" height="250">

Example 2: how to add image in html

<img src="img_girl.jpg" alt="Image Load Error" width="500" height="600">

Example 3: image on top of image css

.image1 {
  position: relative;
  top: 0;
  left: 0;
  border: 1px red solid;
}
.image2 {
  position: absolute;
  top: 30px;
  left: 30px;
  border: 1px green solid;
}