title: How to darken an image and mask it with text?
body: <p>This is the reference of the result i want </p>
  
  <p><img src="https://i.stack.imgur.com/vukHv.png" alt="CSS text mask for background image"></p>
  
  <p>I tried putting this in css</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>body {
    background: black;
  }
  
  p {
    color: #333;
    margin: 0;
    padding: 0;
    background: url('https://i.stack.imgur.com/TaaMS.jpg');
    text-align: justify;
    filter: grayscale(100%);
    background-position: center;
    background-attachment: fixed;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-background-fill-color: rgba(255, 255, 255, 255);
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;p&gt;
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent lacinia, nisi tincidunt accumsan vehicula, augue diam ullamcorper orci, ac hendrerit ex lorem eu ex. Morbi tempor rutrum eros, sit amet imperdiet ligula porta a. Vestibulum tristique sem
    eget ipsum vulputate dapibus. Vivamus a dui malesuada, posuere mi id, rhoncus purus. Nulla facilisi. Suspendisse euismod velit quis vehicula porttitor. Ut fringilla egestas erat ut gravida. Cras id lectus eget urna finibus tincidunt. Maecenas egestas,
    justo porttitor ornare tristique, velit neque pulvinar ligula, vitae feugiat risus magna consequat libero.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent lacinia, nisi tincidunt accumsan vehicula, augue diam ullamcorper orci, ac hendrerit
    ex lorem eu ex. Morbi tempor rutrum eros, sit amet imperdiet ligula porta a. Vestibulum tristique sem eget ipsum vulputate dapibus. Vivamus a dui malesuada, posuere mi id, rhoncus purus. Nulla facilisi. Suspendisse euismod velit quis vehicula porttitor.
    Ut fringilla egestas erat ut gravida. Cras id lectus eget urna finibus tincidunt. Maecenas egestas, justo porttitor ornare tristique, velit neque pulvinar ligula, vitae feugiat risus magna consequat libero.Lorem ipsum dolor sit amet, consectetur adipiscing
    elit. Praesent lacinia, nisi tincidunt accumsan vehicula, augue diam ullamcorper orci, ac hendrerit ex lorem eu ex. Morbi tempor rutrum eros, sit amet imperdiet ligula porta a. Vestibulum tristique sem eget ipsum vulputate dapibus. Vivamus a dui malesuada,
    posuere mi id, rhoncus purus. Nulla facilisi. Suspendisse euismod velit quis vehicula porttitor. Ut fringilla egestas erat ut gravida. Cras id lectus eget urna finibus tincidunt. Maecenas egestas, justo porttitor ornare tristique, velit neque pulvinar
    ligula, vitae feugiat risus magna consequat libero.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent lacinia, nisi tincidunt accumsan vehicula, augue diam ullamcorper orci, ac hendrerit ex lorem eu ex. Morbi tempor rutrum eros, sit amet
    imperdiet ligula porta a. Vestibulum tristique sem eget ipsum vulputate dapibus. Vivamus a dui malesuada, posuere mi id, rhoncus purus. Nulla facilisi. Suspendisse euismod velit quis vehicula porttitor. Ut fringilla egestas erat ut gravida. Cras id
    lectus eget urna finibus tincidunt. Maecenas egestas, justo porttitor ornare tristique, velit neque pulvinar ligula, vitae feugiat risus magna consequat libero Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent lacinia, nisi tincidunt
    accumsan vehicula, augue diam ullamcorper orci, ac hendrerit ex lorem eu ex. Morbi tempor rutrum eros, sit amet imperdiet ligula porta a. Vestibulum tristique sem eget ipsum vulputate dapibus. Vivamus a dui malesuada, posuere mi id, rhoncus purus. Nulla
    facilisi. Suspendisse euismod velit quis vehicula porttitor. Ut fringilla egestas erat ut gravida. Cras id lectus eget urna finibus tincidunt. Maecenas egestas, justo porttitor ornare tristique, velit neque pulvinar ligula, vitae feugiat risus magna
    consequat libero Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent lacinia, nisi tincidunt accumsan vehicula, augue diam ullamcorper orci, ac hendrerit ex lorem eu ex. Morbi tempor rutrum eros, sit amet imperdiet ligula porta a. Vestibulum
    tristique sem eget ipsum vulputate dapibus. Vivamus a dui malesuada, posuere mi id, rhoncus purus. Nulla facilisi. Suspendisse euismod velit quis vehicula porttitor. Ut fringilla egestas erat ut gravida. Cras id lectus eget urna finibus tincidunt. Maecenas
    egestas, justo porttitor ornare tristique, velit neque pulvinar ligula, vitae feugiat risus magna consequat libero Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent lacinia, nisi tincidunt accumsan vehicula, augue diam ullamcorper orci,
    ac hendrerit ex lorem eu ex. Morbi tempor rutrum eros, sit amet imperdiet ligula porta a. Vestibulum tristique sem eget ipsum vulputate dapibus. Vivamus a dui malesuada, posuere mi id, rhoncus purus. Nulla facilisi. Suspendisse euismod velit quis vehicula
    porttitor. Ut fringilla egestas erat ut gravida. Cras id lectus eget urna finibus tincidunt. Maecenas egestas, justo porttitor ornare tristique, velit neque pulvinar ligula, vitae feugiat risus magna consequat libero Lorem ipsum dolor sit amet, consectetur
    adipiscing elit. Praesent lacinia, nisi tincidunt accumsan vehicula, augue diam ullamcorper orci, ac hendrerit ex lorem eu ex. Morbi tempor rutrum eros, sit amet imperdiet ligula porta a. Vestibulum tristique sem eget ipsum vulputate dapibus. Vivamus
    a dui malesuada, posuere mi id, rhoncus purus. Nulla facilisi. Suspendisse euismod velit quis vehicula porttitor. Ut fringilla egestas erat ut gravida. Cras id lectus eget urna finibus tincidunt. Maecenas egestas, justo porttitor ornare tristique, velit
    neque pulvinar ligula, vitae feugiat risus magna consequat libero Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent lacinia, nisi tincidunt accumsan vehicula, augue diam ullamcorper orci, ac hendrerit ex lorem eu ex. Morbi tempor rutrum
    eros, sit amet imperdiet ligula porta a. Vestibulum tristique sem eget ipsum vulputate dapibus. Vivamus a dui malesuada, posuere mi id, rhoncus purus. Nulla facilisi. Suspendisse euismod velit quis vehicula porttitor. Ut fringilla egestas erat ut gravida.
    Cras id lectus eget urna finibus tincidunt. Maecenas egestas, justo porttitor ornare tristique, velit neque pulvinar ligula,&lt;/p&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>but it doesn't seem to work </p>
  
  <p><img src="https://i.stack.imgur.com/sxVJW.jpg" alt="this is my output"></p>
  
  <p>The image I am using</p>
  
  <p><img src="https://i.stack.imgur.com/TaaMS.jpg" alt=""></p>