Remove redundant dom in Img component

[felixmosh]

There is no need for the last div in order to preserve the image ration, the bg div can be used as the aspect ratio preserver.

BTW, the best approach of aspect ratio preservation is by using pseudo element, I guess that you didn't used this approach because all your styles are inline.

.lazy-loaded {
    position:relative;
}
.lazy-loaded:after {
    padding-top: var(--aspectRatio);
    width: 100%;
    content: '';
    display:block;
}

<div data-wrapper class="lazy-loaded" style={{ '--aspectRatio': '70%' }}>
  <img src="...." />
</div>

[felixmosh]

I want to reduce the amount of dom element cause I have a long list of lazy loaded images.