styles.css

.text-container {
    position: absolute;
    top: 57%; /* Adjust the top value to move the text higher or lower */
    left: 45%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
    font-size: 36px;
    height: 55vh;
    width: 55vw;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  
  .text-container {
    height: 55vh;
    width: 55vw;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .text-container h1{
    margin: 0;
    font-size: 150px;
    color: rgba(225,225,225, .01);
    background-image: url("https://i.ibb.co/5WL2jhB/th.jpg");
    background-repeat: repeat;
    -webkit-background-clip:text;
    animation: animate 15s ease-in-out infinite;
    text-align: center;
    text-transform: uppercase;
    font-weight: 900;
  }
  
    @keyframes animate {
      0%, 100% {
        background-position: left top;
      }
      25%{
        background-position: right bottom;
       }
      50% {
        background-position: left bottom;
      }
      75% {
        background-position: right top;
      }   
  }