Css 插入背景图像

请原谅我的简单问题！我对编码非常陌生，有一个简单的问题。我目前正在Adobe Business catalyst中建立一个网站，但遇到了一个问题

我只想在其中一个模块中插入一个背景图像。理想情况下，我希望这个图像的大小取决于模块的大小

代码如下：

<div class="announcement-details">
  <h1>
    <span style="font-size: 28px; color: rgb(0, 174, 239);">{tag_subject}</span>
    <br>
    <span style="font-size: 14px; line-height: 23px;">
    <br>
    <span style="color: rgb(89, 89, 89);">
      {tag_body}
    </span>
    </span>
    <br>
  </h1> 
</div>

---

要设置背景图像，可以轻松使用css背景属性插入图像，并为背景图像设置某些属性

在本例中，我将css属性background size:cover设置为背景图像，以便根据容器大小调整图像大小

span.my-class {
    background: url('/path/to/image') no-repeat 0 0;
}

.parent {
    background:#fefefe;
    padding:120px;
    border:3px solid gold;
    text-align:center;
    position:relative;
    background: url('https://eQ3Q') no-repeat center;
    background-size:cover;
}