Figma设计线条转换为CSS后定位错误的问题求助

我现在遇到个头疼的问题——想在网站背景上放两条红色线条，已经在1920x1620的画布上用Figma做好了设计稿，但把Figma里的宽高、定位参数（左、上距离）复制到CSS里后，线条在浏览器里的显示位置完全不对！

具体来说：

• 在Figma设计稿里，两条红色线条的位置完全符合我的预期布局
• 但放到浏览器里渲染后，线条的位置和设计稿偏差极大，完全不是我想要的效果

我的代码结构是这样的：

HTML代码（index.html） #

<div class="background">
    <img src="assets/Line1.png" alt="line_1" class="line_1">
    <img src="assets/Line2.png" alt="line_2" class="line_2">
</div>

CSS代码（styles.css） #

/* 原提问中.background相关的CSS内容未完整提供 */

备注：内容来源于stack exchange，提问作者duebcio