Background block behind text..

Site URL: https://www.sisterscout.studio/about

Does anyone know how to create the effect of the colour behind the text that is found in the #about-quote section (section 2 on the page above) 

Thanks in advance! 

They used a Code Block with this code

<h1>
  <div class="quote-blue"><span>The greatest feedback I get from my clients is “I feel so ‘me’ in my photos” and that’s my mission — to help you feel safe to lean into your uniqueness.</span></div></h1>
<style>
  h1 {
    font-family: "RomanaBold" !important;
    word-spacing: -3px !important;
    font-weight: normal !important;
}
  .quote-blue span {
    background: linear-gradient(1800deg,#0336db 60%,transparent 40%);
}
</style>