@import url('https://fonts.googleapis.com/css2?family=Montserrat+Alternates:wght@900&display=swap');

.effect {
  width: 100%;
  background-size: contain;
}


.effect h1 {
font-family: 'Montserrat Alternates', sans-serif;
  font-weight: 900;
  font-size: 8vh;
  text-align: center;
  letter-spacing: -5px;
  padding: 3vh 0;
  color: #222;
  background: url("https://carloscalabro.com/images/win-cc.jpg") repeat fixed;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  -webkit-animation: bp 16s infinite linear;
          animation: bp 16s infinite linear; 
}

@media (max-width: 812px){
.effect h1 {
font-size: 12vw;
  padding: 1vh 0;
 letter-spacing: -3px;
}}

@-webkit-keyframes bp {
  100% {
    background-position: 0% 552px;
  }
  0% {
    background-position: 0% 0px;
  }
}

@keyframes bp {
  100% {
    background-position: 0% 552px;
  }
  0% {
    background-position: 0% 0px;
  }
}