在不影响文字的情况下为我的背景图像添加不透明度

Question

.hero {
      background:
      linear-gradient(rgba(0 0 0 / 10%), rgba(0 0 0 / 30%)),
      url("/img/front-truck-pic.jpeg") no-repeat center     center fixed;
      background-size: cover;
      width: 100%;
      height: 200px;
}