Background-clip: vormgeving binnen letters en animatie

@keyframes pulse 
{
  from 
  {
    transform: scale(1);
  }
  to 
  {
    transform: scale(1.2);
  }
}

.pulse 
  {
    width: 100%;
    height: 250px;
    font-size: 7em;
    font-weight: 700;
    color: transparent;
    background-image: url('https://images.pexels.com/photos/1179229/pexels-photo-1179229.jpeg?auto=compress&cs=tinysrgb&dpr=3&h=750&w=1260');
    -webkit-background-clip: text;
    background-clip: text;
    background-size: cover;
    background-position: center;
    animation: pulse 2s linear infinite alternate;
  }
echo "<div class='pulse'>nature</div>";