@media screen and (max-width: 1024px) {

    
    @keyframes animated-text__1 {
        from {
          width: 0;
        }
        to {
          width: 6rem;
        }
      }
      
      @keyframes animated-text__2 {
        from {
          width: 0;
        }
        to {
          width: 100%;
        }
      }
      
      @keyframes animated-text__3 {
        from {
          width: 0;
        }
        to {
          width: 100%;
        }
    
        
      }
}


@media screen and (max-width: 720px) {
  .section-one-text{
      padding-top: 220px;
      padding-left: 5%;
      padding-right: 5%;
      padding-bottom: 30%;
      color:white;
      overflow: hidden;
  }
  
  @keyframes animated-text__1 {
      from {
        width: 0;
      }
      to {
        width: 6rem;
      }
    }
    
    @keyframes animated-text__2 {
      from {
        width: 0;
      }
      to {
        width: 100%;
      }
    }
    
    @keyframes animated-text__3 {
      from {
        width: 0;
      }
      to {
        width: 100%;
      }
  
      
    }
}