Responsive image preloader?

Question

css

Good day. Please advise a preloader for adaptive images. I can’t figure out how to set the size of the image that will be displayed after loading to the preloader block? There are no problems for a fixed size, but the pictures on the site are adaptive.

Answer 1

Just center inside the block, for example with the background:

.image_container {
    background: url(preloader.gif) no-repeat 50% 50%;
}

Answer 2

Set min-height of image block for each device? otherwise the preloader appears on one line of the beginning of the text.