Load images from infobox are too slow

Hello everyone

I’m having problems when loading an image within an infobox for google maps, very large images are loaded frame by frame.


This is were the image are loaded from the infobox

<div class='infobox-image' style='background-image: url({{ currentReport.image_url }});'></div>

And this is what I have from my class 'infobox-image’

.infobox-image { height: 90px; max-height: 85px; margin-top: -10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 8px; border: 1px solid #cdcccc; background-repeat: no-repeat; background-size: cover; background-position: center center; }

I tried with lazy-images directive but without success.

any idea how to achieve this?

best regards!