Even if that's what you need, isn't the idea that an HTML <progress> can replace:
<div class="progress-bar">
<div class="progress"><span>70</span></div>
</div>
and a <label for=""> can replace at least one of these: <div class="hero-flex">
<div class="title">Title</div>
<div class="headline">headline</div>
</div>
to give better accessibility?