JSFiddle - React, Tailwind, and code Playground

HTML

<div class="test">
  <div class="inner-test">
  </div>
</div>

<button onClick="testToggleClass();">
  Toggle
</button>

CSS

html
{
  height: 100%;
}


body
{
  position: relative;
  height: 100%;
}

.test 
{
     position: absolute;
     z-index: 1;
     top: 0;
     left: 100px;
     width: 100%;
     height: 100%;
     pointer-events: none;
     transition: -webkit-mask-size 10s linear, mask-size 10s linear;
     background-position: center center;
     background-size: cover;
     -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 870 325' width='870px' height='325px' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Cpath d='M480.529 140.625c58.338 0 90.938 16.569 103.453 62.032h-79.23c-2.624-6.971-11.708-10.608-26.645-10.608-13.222 0-17.058 3.334-17.058 6.97 0 4.345 6.056 5.456 46.63 8.386 50.566 3.637 78.221 17.074 78.423 54.859 0 36.067-29.068 62.234-99.215 62.234-74.688 0-100.223-22.63-106.178-62.032h84.478c2.423 8.183 16.048 10.81 28.564 10.81 12.01 0 16.552-2.122 16.552-5.96 0-5.254-7.166-6.467-48.749-9.598-51.374-3.638-76.606-18.489-76.606-53.142 0-40.21 36.032-63.951 95.58-63.951zM820.462 258.93c29.774-.202 40.877 6.668 40.978 32.026.1 25.46-9.892 31.723-40.675 31.925-32.904.202-40.877-6.264-40.979-31.52-.1-25.258 10.397-32.23 40.676-32.431zM105.674 146.384c63.182 0 86.194 15.154 86.194 47.08 0 20.71-13.524 31.217-36.536 36.066 28.866 5.052 41.785 16.367 41.785 39.705 0 35.562-32.197 50.211-88.112 50.211H0V146.384zm266.456 0v55.768h-97.196v11.82h92.856v34.552h-92.856v14.043h99.416v56.88H203.374V146.383H372.13zm396.05 0v66.578h-50.97v106.484h-76.808V212.962h-49.96v-66.578H768.18zM96.49 248.827H75.394v17.074h21.094c14.938 0 18.269-3.637 18.269-8.89 0-5.052-3.836-8.184-18.269-8.184zm770.299-102.443l.1 13.436c.304 47.787-13.726 80.116-20.589 88.805-5.955-.91-13.928-1.617-24.728-1.516-10.8.101-20.59.809-25.636 1.819-6.763-8.89-21.296-39.805-21.6-88.602l-.1-13.942h92.553zM97.7 198.312H75.395v16.367H97.7c11.607 0 14.433-4.041...

JavaScript

const test = document.querySelector('.test');

const testToggleClass = () => {
  test.classList.toggle('active');
};