Image at the right bottom corner

By relative position. Demo for https://toster.ru/q/313481

by Gleb Kemarsky

HTML

<div class="parent">
   <img>
</div>

CSS

.parent {
  padding: 10px;
}
img {
  position: relative;
  top: 80%; 
  left: 80%;
  height: 20%;
  width: 20%;
}

/* beautiful appearance */
img, .parent {
  outline: 1px solid #ccc;
}
img {
  background: #ddd;
}
.parent {
  background: #eee;
  height: 200px;
  margin: 0 auto;
  width: 80%;
}