<div class="ucipt-responsive-bg-image">
<img class="ucipt-responsive-bg-image__img" src="https://besthqwallpapers.com/Uploads/5-12-2020/148667/thumb2-mount-fuji-4k-two-swans-autumn-stratovolcano.jpg" alt="Dummy Text">
</div>
<div class="ucipt-responsive-bg-image">
<img class="ucipt-responsive-bg-image__img" src="{{bg-image.url}}" alt="{{bg-image.alt}}">
</div>
{
"bg-image": {
"alt": "Dummy Text",
"url": "https://besthqwallpapers.com/Uploads/5-12-2020/148667/thumb2-mount-fuji-4k-two-swans-autumn-stratovolcano.jpg"
}
}
.ucipt-responsive-bg-image {
width: 100%;
height: /*527px*/524px;
position: absolute;
top: 0;
left: 0;
z-index: 1;
&__img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
}
}
No notes defined.