LazyLoadComponent's placeholder is visible even when the image is in viewport.

[Anubhav-Joria]

Bug description
I am using LazyLoadComponent and using a placeholder inside it.
The issue is that sometimes when my image is in the viewport, the placeholder is still visible instead of the actual image, this issue occurs during initial render only.
The issue resolves when i perform any activity such as reload the webpage, scroll down and again scroll up

Expected behavior
When the image appears in the viewport then placeholder image should be replaced with actual image.

Screenshots