From livewire’s perspective, it’s completed the loading. That’s why the loading disappears. All the HTML that it needs to diff has been fetched. What I think you want is for the images to load and then the loading to disappear but subsequent server calls to fetch the images are handled with traditional HTTP requests outside of livewire. This is probably something you’d have to craft separately. Something like an image loader that triggers the an event to let you know the loading is finished then you can hide your loading screen.
Alternately (this is just concept, I haven’t tried to do this but it seems like it could work within livewire), you can use data img uri. Get the data from the image and encode it to a base64 string then set the img src to that string. This should load it from livewire and keep the behavior you’re expecting.
Your image would look like:
<img src="data:image/gif;base64,somelongbase64encodedstring" data-src="filename.gif" />