body {
  background-color: rgb(0, 0, 0);
}


.container {
    height: 500px;
    width: 100%;
    display: flex;
    align-self: center;
    justify-content: center;
  }
  
  .txt {
    padding-left: 200px;
    display: flex;
    align-self: center;
  }
  
  h1 {
    font-family: 'Bodoni Moda';
    font-size: 6rem; font-variation-settings: "wght" 900, "opsz" 96;
    color: yellow;
    font-size: 150px;
    line-height: 1;
    font-weight: 700;
    margin: 0;
    position: relative;
    animation: txt 2s linear alternate infinite;
    
    &::before {
      content: attr(data-text);
      position: absolute;
      display: inline-block;
      overflow: hidden;
      height: 50%;
      background-color: #000000;
      transform: translate(-2%, -2%);
      z-index: 1; 
      animation: txt 2s linear alternate infinite;
    }
    
    &::after {
      content: '';
      position: absolute;
      background-color: #000000;
      display: inline-block;
      height: 50%;
      width: 100%;
      left: 0;
      top: 0;
    }
  }
  
  @keyframes txt {
    0% {
      transform: translate(0, 0);
      font-size: 6rem; font-variation-settings: "wght" 900, "opsz" 96;
    }
    
    30% {
      transform: translate(0, 0);
      font-size: 6rem; font-variation-settings: "wght" 400, "opsz" 96;
    }
    
    60% {
      transform: translate(-4%, -4%);
      font-size: 6rem; font-variation-settings: "wght" 400, "opsz" 96;
    }
    
    100% {
      transform: translate(-2%, -2%);
      font-size: 6rem; font-variation-settings: "wght" 900, "opsz" 96;
    }
  }


 @keyframes h1 {
    0% {
      transform: translate(0, 0);
      font-size: 6rem; font-variation-settings: "wght" 900, "opsz" 96;
    }
    
    30% {
      transform: translate(0, 0);
      font-size: 6rem; font-variation-settings: "wght" 400, "opsz" 96;
    }
    
    60% {
      transform: translate(-4%, -4%);
      font-size: 6rem; font-variation-settings: "wght" 400, "opsz" 96;
    }
    
    100% {
      transform: translate(-2%, -2%);
      font-size: 6rem; font-variation-settings: "wght" 900, "opsz" 96;
    }
  }