<svg viewBox="0 0 500 210" width="300px">
  <defs>
    <mask id="mask">
      <rect width="500" height="320" x="0" fill="#fff" />
      
      <rect width="200" height="60" x="140" fill="red" />
      <rect width="220" height="60" x="130" y="70" fill="red" />
      <rect width="250" height="60" x="130" y="140" fill="red" />
    </mask>
  </defs>
  <image href="https://steamuserimages-a.akamaihd.net/ugc/844844854231475022/1C956D28AEDD6ED60FB78BD6F7DCF91C11C21BD9/?imw=512&amp;imh=288&amp;ima=fit&amp;impolicy=Letterbox&amp;imcolor=%23000000&amp;letterbox=true" width="500" height="320" x="0" y="-60" preserveAspectRatio="none"/>
  

  
  <rect width="500" height="320" fill="#000" mask="url(#mask)"/>
  
  <text style="font-size: 40px;" font-family="sans-serif" fill="#fff" x="0px" y="45px">marvel</text>
  <text style="font-size: 40px;" font-family="sans-serif" fill="#fff" x="350px" y="45px">marvel</text>
  
    <text style="font-size: 40px;" font-family="sans-serif" fill="#fff" x="0px" y="110px">home</text>
  <text style="font-size: 40px;" font-family="sans-serif" fill="#fff" x="370px" y="110px">home</text>
  
  
    
  <text style="font-size: 40px;" font-family="sans-serif" fill="#fff" x="0px" y="185px">book</text>
  <text style="font-size: 40px;" font-family="sans-serif" fill="#fff" x="390px" y="185px">book</text>
  

  

</svg>