square placeholder

Hi,
the placeholders in my theme were square before the image loaded – not very nice because the content height changes as the images load.
This was due to the following bit of css in my theme:

img {
        height: auto; /* Make sure images are scaled correctly. */
        max-width: 100%; /* Adhere to container width. */
}

which I suspect is part of many themes.

The solution for me, was to change the theme css to:

img:not(.lazy-hidden) {
        height: auto; /* Make sure images are scaled correctly. */
        max-width: 100%; /* Adhere to container width. */
}

Placeholders have the correct height now.

Thanks for this plugin

https://wordpress.org/plugins/lazy-load-xt/