svg sample 01

1

markup

<svg width="700px" height="500px">
  <pattern id="pattern" patternUnits="userSpaceOnUse" width="700" height="300">
    <image width="700" 
           height="450" 
           xlink:href="https://img2.goodfon.ru/wallpaper/nbig/3/5c/peyzazh-zvezdnoe-nebo-zvezdy.jpg">
    </image>
  </pattern>
  <text x="50" y="200" class="headline" style="fill:url(#pattern);">A-level</text>
</svg>

CSS

body {
    background: #000;
}

.headline {
  font-size: 200px;
  font-weight: bold;
}

Результат: