How to show an animated loading indicator until the image has loaded?

Question

css

Hello.
Tell me how to show an animated loading indicator until the picture has loaded?
Load in parent's background image?

Answer 1

Load preloader in background-image
and center align kaesh

<div class="parent-img">
  <img src="kartinka.жипег" alt="">
</div>

.parent-img {
  background-image: url('../img/preloader.gif');
  background-position: center;
  background-repeat: no-repeat;
}