Dynamic Lazy Load Images Inside Repeat in SPA page

Hi.

I have an SPA page with a repeat. The data source of the repeat has image name in the data set.
This repeat has an IMAGE with dynamic lazy load value set as below.
dmx-lazyload-dynamic="https://website.com/images/thumb_{{queryImage.ThumbnailURL}}"
On page load, the src is blank and no images get rendered.

I also tried just setting lazyloaded as class to the img tag inside repeat, but it still didn’t work.
Then, I tried removing the dynamic lazy load property and put in simple dmx-bind:src. In this case, images are showing, but none of them lazy load.
dmx-bind:src="https://website.com/images/thumb_{{queryImage.ThumbnailURL}}"

How do I setup lazy load on the images inside this repeat?
Page link (scroll to “you may also like” section for the repeat):

Community Page
Last updated: