Вставление картинки черезе bc-img

как вставить картинку с матека через bc-img, чтобы она была как на макете, а не обрезана внизу или сверху но при этом не ставить ей реальной высоты картинки, а чтобы она адаптировалась под 100vh?стили

.home-page{
    background: url(/img/ap-ui.png) no-repeat center;
    width: 100vw;
    height: 100vh;
    background-size: contain
}

введите сюда описание изображения


Ответы (1 шт):

Автор решения: Михаил Камахин

body {
  margin: 0;
}

div {
  background: url(https://picsum.photos/1000/300) no-repeat center;
  height: 100vh;
  width: 100vw;
  background-size: contain;
}
<div>
</div>

→ Ссылка