Masked Heading

.masked-heading {
  text-align: center;

  background: linear-gradient(
    to right,
    #111 0%,       /* levo crno */
    #111 25.03%,    /* do 33% crno */
    #fff 25.03%,    /* od 33% belo */
    #fff 75.03%,    /* do 66% belo */
    #111 75.03%,    /* od 66% crno */
    #111 100%      /* desno crno */
  );

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}