.svs-glitch-text{

    /*height: 100vh;
    min-height: 100vh;*/
        margin: 0;
            overflow: hidden;
            font-family: 'Zilla Slab Highlight', cursive;
            font-size: 13vh;
            animation: animate 4s ;
    
      
              position: fixed;

              /*top: 20% !important;
              padding-top: 10%;
              padding-left: 20%;*/
  

              top: 50%; left: 50%; transform: translate(-50%, -50%);


              z-index: 10;
      
        }
    

       
        .svs-glitch-text-second{
              /*padding-left: 30%;*/
              animation: animate 2s infinite;
              font-size: 10vh;

              
        }
    
        .svs-glitch{
            position: fixed;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background-image: url('../img/glitch.webp');
            background-repeat: no-repeat;
            background-size: cover;
    
            background-position: center;

         
        }
    
        .svs-glitch:before{
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
                 
    
          background: url('../img/glitch.webp');
          background-size: cover;
          background-position: center;
    
          opacity: 0.8;
          animation: animate .6s infinite;
        }
    
    @keyframes animate {
          0% {
                background-position: 0 0;
                filter: saturate(8);
                filter: hue-rotate(50deg);
          }
          10% {
                background-position: 14px 0;
                filter: saturate(4);
                transform: translateX(50px);
          }
          20% {
                background-position: -4px 0;
                filter: grayscale(100%);
                transform: translateY(425px);
          }
          30% {
                background-position: 12px 20px;
                transform: translateY(145px);
          }
          40% {
                background-position: -16px 0;
                transform: translateY(-245px);
                
          }
          50% {
                background-position: -24px 0;
                filter: blur(15px);
                transform: translateY(445px);
          }
          60% {
                background-position: -42px 0;
                filter: grayscale(100%);
                transform: translateY(45px);
          }
          70% {
                background-position: 10 22px;
                transform: translateX(45px);
          }
          80% {
                background-position: -60px -10px;
          }
          100% {
                background-position: 0 0;
                filter: saturate(24);
          }
    }