I use loading="lazy" on all offscreen images including footer images. I try this with Client Side Rendering As well as with Server-side Rendering(Angular Universal).
But all the images load initially without scrolling.
<img src="{{product.featured_image.mobile}}" alt="" loading="lazy" width="100" height="100">