<!-- hero.blade.php -->
<section class="c-hero c-hero--image c-hero--default c-hero--normal c-hero--apply-rounded-corners c-hero--apply-shadows c-hero--animation-type-kenny c-hero--has-animation" aria-label="Hero" data-uid="6a0758e0c5d97" data-component="hero">
<div class="c-hero__image" data-js-toggle-item="toggle-animation" data-js-toggle-class="u-animation--pause">
<!-- image.blade.php -->
<figure class="c-image c-image--type-jpg?hmac=tgofdtv7tl2rprapppzkfiz9vdh5mkj39oa2d--gqha c-image--cover" data-uid="6a0758e0c5e36" data-component="image">
<div
class="c-image__image-wrapper"
>
<img
loading="lazy"
class="c-image__image"
src="https://fastly.picsum.photos/id/866/536/354.jpg?hmac=tGofDTV7tl2rprappPzKFiZ9vDh5MKj39oa2D--gqhA"
alt=""
></div> </figure>
</div>
<div class="c-hero__controls" data-js-toggle-item="toggle-animation" js-video-control data-js-toggle-class="is-paused">
<!-- icon.blade.php -->
<span class="c-icon c-hero__animation-pause-button c-icon--pause-circle c-icon--material c-icon--material-pause_circle material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--size-xl" data-js-toggle-trigger="toggle-animation" data-material-symbol="pause_circle" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6a0758e0c5efe" data-component="icon">
</span>
<!-- icon.blade.php -->
<span class="c-icon c-hero__animation-play-button c-icon--play-circle c-icon--material c-icon--material-play_circle material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--size-xl" data-js-toggle-trigger="toggle-animation" data-material-symbol="play_circle" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6a0758e0c5f40" data-component="icon">
</span>
</div>
</section>