Я хочу показать цвет наложения поверх изображения пропорционального размера, используя содержимое background-size. Мой div-заполнитель правильно расширяется до высоты, но не до ширины:
.prop {
background-image: url('https://via.placeholder.com/1600x1200');
width:100vw;
background-size: contain;
height: 100vh;
background-position: center;
background-repeat: no-repeat;
border: inset 70px transparent;
box-sizing: border-box;
}
.placeholder {
background:red;
height:100%;
opacity:0.5;
}
<div>
<div class="prop">
<div class="placeholder"></div>
</div>
</div>