.text-mask {
      position: relative;
      display: inline-block;
      overflow: hidden;
  }

  .mask {
      position: absolute;
      width: 0;
      height: 0;
      border-left: 150px solid transparent;
      border-right: 150px solid transparent;
      border-bottom: 300px solid rgba(255, 0, 0, 0.5);
      opacity: 1;
      pointer-events: none;
      transition: opacity 0.2s ease;
      mix-blend-mode: lighten; /* Harflerin üzerinde maskeyi göster */
      z-index: 1;
  }