Html 如何将背景图像放大？

我在html代码中添加了一个背景图像，它是一个黄色箭头。我使用它作为背景图像，因为我想在它里面有文本。唯一的问题是我不知道如何把它变大

下面是它应该是什么样子

我的看起来怎么样

链接到图像-

.post标题{
位置：相对位置；
背景色：#20Б；
背景图像：url（“../img2/header_background.png”）；
背景尺寸：封面；
背景位置：中心；
高度：60Vh；
文本对齐：居中；
}
.柱头h2{
文本对齐：居中；
垫面：2米；
字号：800；
字体大小：1.7em；
颜色：#172025
}
.柱头h1{
字号：92pt；
字号：900；
颜色：白色；
保证金：0；
边缘顶端：em；
}
.创始人{
边缘顶部：-6em；
}
.阿罗{
背景：url（“../img2/arrow.png”）0 0 0不重复；
背景尺寸：包含；
宽度：500px；
高度：500px；
}

你好我们是蒂尔德。
我们活着，呼吸着代码。

要将图像大小拉伸到容器，请尝试使用

背景尺寸：封面

我们开始吧，享受=）


.post标题{
位置：相对位置；
背景色：#20Б；
背景图像：url（“https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRdoebt2SsCGoDGZRvW4FUiBRKswQ8EVJHExA&usqp=CAU");
背景尺寸：封面；
背景位置：中心；
高度：60Vh；
文本对齐：居中；
}
.柱头h2{
文本对齐：居中；
垫面：2米；
字号：800；
字体大小：1.7em；
颜色：#172025
}
.柱头h1{
字号：92pt；
字号：900；
颜色：白色；
保证金：0；
边缘顶端：em；
}
.创始人{
边缘顶部：-6em；
}
.箭头框{
位置：相对位置；
背景：url（“https://i.imgur.com/gp3z7z5.png）无重复中心；
背景尺寸：包含；
保证金：自动；
宽度：400px；
高度：自动；
}
.阿罗{
位置：相对位置；
显示器：flex；
文字装饰：无；
对齐项目：居中；
证明内容：中心；
字体大小：2.5rem；
高度：100px；
}

你好我们是蒂尔德。
我们活着，呼吸着代码。
将您的图像副本放在公共场所并链接到它，以便您的示例能够正确地显示问题。它确实延伸了，我现在如何才能将其放大？我试着给a元素和div一个宽度+高度，但没有效果。