如何制作过渡背景？

Question

我在我的网站上传了一张带有过渡背景的照片

Image here

但是没有与页面背景的正确过渡。

有什么方法可以制作吗？

代码：

<section class="intro clearfix" style="background-color:#dadada;);">
<div class="container clearfix" style="background-image: url('https://domain-name.com/')">
    <div class="intro-text">
        <h2 style="color:#3d3e3d">Choose Your Everyday Hairstyle</h2>
        <p style="color:#4c4f4d">Build your own image. Become more attractive.</p>
    </div>
</div>