Lazy load Unsplash images

I am loading Unsplash images from as a background images. Is there a way to lazy load them or show any blurred background image until they are completely loaded?

A quick search on Google revealed hundreds of articles on how to do what you are asking.

One such article is here.

What code have you tried to implement so far? Show us what you have tried and we can help guide you if you have any problems.

I tried using Lazyload.js However, the issue is that I have to change the source of the background image constantly and also have to display a fixed blurred image until the background image has completely loaded