我正在尝试创建一个具有全屏背景图像的登录页面，该图像来自Unsplash网站。我已经使用MS Paint将图片大小调整为1200px，但在尝试将其设置为背景图像时，它仍然显得被放大了。
HTML代码：
<div class="background-image">
<div class="text-overlay">
<h1><span> Nom</span> <span>Nom</span> <span>Nosh</span></h1>
<h3>在这里分享你的简餐和小吃想法及食谱！</h3>
<p>推出Nom Nom Nosh——你寻找快捷美味餐点的理想之地！Nom Nom Nosh专为现代快节奏生活打造，是一个让用户可以轻松分享他们对于短时、满足感十足的餐点和小吃的想法和食谱的博客平台。无论你是想提升小吃品质的烹饪爱好者，还是寻求快速美味日常餐饮解决方案的人，Nom Nom Nosh都能帮你将厨房变成创意和高效并存的小天地！
</p>
</div>
</div>
CSS样式：
.background-image {
background-image: url(images/chad-montano-eeqbbemH9-c-unsplash.jpg);
background-size: cover;
height: 100vh;
background-position: center;
}