Я бы хотел охватить всю ширину, но изображение нужно масштабировать до 70% от высоты.
<div class="Bg">Hello</div>
.Bg {
background-image: url(https://svgshare.com/i/C_9.svg);
background-repeat: no-repeat;
background-size: cover;
height: 60vh;
width: 100%;
}
Так что мне бы хотелось поведение background-size: contain
, при котором изображение растягивается до ширины background-size: cover
.
Пример Codepen:
https://codepen.io/anon/pen/oOyYoR