.gradient-text{
  display: inline-block;
  background: linear-gradient(
    90deg,
    #615DE7 0%,
    #615DE7 10%,
    #FF4560 90%,
    #FF4560 100%
  );
  background-repeat: no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
  .gradient-bg {
    background: linear-gradient(90deg, #FF4560, #615DE7);
    white-space: normal;
    word-break: break-word;
  }
  .gradient {
    background: linear-gradient(90deg, #FF4560, #615DE7);
  }
  .triangle {
    width: 200px;
    height: 200px;
    clip-path: polygon(50% 100%, 0 0, 100% 0); /* upside-down triangle */
  }
  .table-wrapper {
    position: relative;  /* so the triangle can anchor here */
    display: inline-block;
  }
  .my-table {
    position: relative;
    z-index: 1;          /* make sure table sits above triangle */
    border-collapse: collapse;
    background: transparent;
  }
  .triangle-bg {
    position: absolute;
    top: 0; left: 50%;
    transform: translateX(-50%);
    width: 300px;
    height: 300px;
    background: linear-gradient(90deg, #FF4560, #615DE7);
    clip-path: polygon(50% 100%, 0 0, 100% 0); /* triangle shape */
    z-index: 0;
      opacity: 0.8; /* 50% transparent */
    }
    .hanging-number {
      padding-left: 2.5em;   /* creates space for the number */
      text-indent: -2.5em;   /* pulls the first line (with the number) back out */
    }