JSFiddle - React, Tailwind, and code Playground

by Vince

HTML

<svg id="span-svg-3" xmlns="http://www.w3.org/2000/svg" class="span-svgs" viewbox="0 0 553 96"><defs><clippath id="clipPath3"><rect id="svg-rect-3" x="0" y="-100" data-svg-origin="0 -100" fill="#000" width="553" height="96" style="opacity: 1;"></rect></clippath></defs><g clip-path="url(#clipPath3)"><text transform="translate(500 250)" font-size="40px">Experienced Teams Working Together for Over a Decade</text></g></svg>

CSS

.svg-reveal {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

svg {background-color: black;}