<div class="">
<img class="image " src="/images/banner/banner-480_480.png" alt="image alt text" loading="lazy">
</div>
<div class="{{ wrapperClass }}">
<img
class="image {{ class }}"
src="{{ dataSrc }}"
alt="{{ alt }}"
loading="lazy"
{{ attributes }}
>
</div>
{
"src": "data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==",
"dataSrc": "/images/banner/banner-480_480.png",
"alt": "image alt text"
}
$image__width : 100% !default;
$image__transition : $transition-fade !default;
$image__wrapper-background-color: $white !default;
.image {
display: block;
width: $image__width;
max-width: $image__width;
transition: $image__transition;
}
img,
picture {
@extend .image;
}
.lazyload-wrapper {
position: relative;
}
There are no notes for this item.