Primer

HTML

<div class="quiz-dashboard quiz-dashboard--churches quiz-dashboard--totaliser-center">
	<div class="totaliser-container">
		<div class="large-col-6">
			<div>
				<div class="totaliser-intro">Total number of churches:</div>
		<!-- 		<div class="totaliser-total">720</div>
		 -->		<div class="zero-counter totaliser-total" data-from="0" data-to="720">
					<span class="zero-counter__value">720</span>
				</div>
			</div>
		</div>
		<div class="large-col-6">
			<img src="/images/mainsite5/big-quiz-night/map.png" alt="Totaliser Dinosaur" title="Totaliser Dinosaur">
		</div>
	</div>
</div>

Twig

<div class="quiz-dashboard quiz-dashboard--churches quiz-dashboard--totaliser-center">
	<div class="totaliser-container">
		<div class="large-col-6">
			<div>
				<div class="totaliser-intro">Total number of churches:</div>
		<!-- 		<div class="totaliser-total">{{ total }}</div>
		 -->		<div class="zero-counter totaliser-total" data-from="0" data-to="{{ total }}">
					<span class="zero-counter__value">{{ total }}</span>
				</div>
			</div>
		</div>
		<div class="large-col-6">
			<img src="/images/mainsite5/big-quiz-night/map.png" alt="Totaliser Dinosaur" title="Totaliser Dinosaur">
		</div>
	</div>
</div>

{
    "total": "720"
}

Total number of churches:

720