缩放不同屏幕尺寸的背景图像

Question

首先，我不是开发人员，只是尝试学习CSS和HTML。我有一个全宽的行，其中有两列，每列都有要覆盖的背景图像，以便图像始终适合整个屏幕。是否有一种方法可以使背景图像的高度随着屏幕宽度的增加而按比例增大，就像我插入的图像带有而不是background属性一样。

我有

<div style=" width: 100vw; position: relative; margin-left: -50vw; left: 50%;>

<div class="col1" style="background: url(...); background-size:cover;">
</div>

<div class="col2" style="background: url(...); background-size:cover;">
</div>
</div>