Как добавить градиент фона к изображению Гэтсби?

Question

Я использую gatsby-image и пытаюсь добавить темный градиент поверх изображения, но он не работает должным образом.

Вот мой код:

 <Img
    sx={{
      height: "70vh",
      background: "linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5))",
    }}
    fluid={data.tos.childImageSharp.fluid}
  />

Answer 1

Попробуйте использовать фоновое изображение Гэтсби и добавьте непрозрачность к 1!