Image at the right bottom corner

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

by Gleb Kemarsky

HTML

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

CSS

.parent {
  position: relative;
 }
img {
  position: absolute;
  bottom: 10px; 
  right: 10px; 
  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%;
}