Untitled

<!DOCTYPE html>
<html>
<body>
<style>
.parent {
  position: relative;
  top: 0;
  left: 0;
}
.image1 {
  position: relative;
  top: 0;
  left: 0;
}
.image2 {
  position: absolute;
  top: 0px;
  left: 0px;
}</style>
<h1>jee jeee</h1>
<div><h2>asd</h2></div>
<img src="smiley.gif" alt="Smiley face" width="42" height="42">
<div class="parent">
  <img class="image1" src="http://upload.wikimedia.org/wikipedia/commons/thumb/2/2c/Karte_Bundesrepublik_Deutschland.svg/300px-Karte_Bundesrepublik_Deutschland.svg.png" />
  <img class="image2" src="https://fossdroid.com/images/icons/com.eibriel.reddot.3.png" />
</div>
</body>
</html>