Uses tiny-slider (github) (demo)
<section class="hero">
<div class="hero-slider">
<div class="hero-slide">
{$siteWideContent_3098} <!-- img in p tag -->
<div class="hero-content">
{$siteWideContent_3099} <!-- content -->
</div>
</div>
<div class="hero-slide">
{$siteWideContent_3098}
<div class="hero-content">
{$siteWideContent_3099}
</div>
</div>
<div class="hero-slide">
{$siteWideContent_3098}
<div class="hero-content">
{$siteWideContent_3099}
</div>
</div>
</div>
</section>
<!-- Body -->
<script src="/images/405/js/tiny-slider.js"></script>
<section class="hero hero--static">
<div class="hero-background imgToBG">
{$siteWideContent_3098}
</div>
<div class="wrap1440">
<div class="hero-content">
{$siteWideContent_3099}
</div>
</div>
</section>