<section class="how-to-play">
    <header class="header"><h2>How to Play</h2></header>
    <div class="content">
        <div class="item item1">
            <div class="arrows">
                <img src="img/layout/arrows-right.svg" alt="Arrows Right">
            </div>
            <article>
                <span class="number">1</span>
                <div class="thumb">
                    <img src="img/layout/pick-a-contest.svg" alt="Pick a Contest">
                </div>
                <header><h3>Pick a Contest</h3></header>
                <p>FREE entry into contests.</p>
            </article>
        </div>
        <div class="item item2">
            <div class="arrows">
                <img src="img/layout/arrows-right.svg" alt="Arrows Right">
            </div>
            <article>
                <span class="number">2</span>
                <div class="thumb">
                    <img src="img/layout/make-your-picks.svg" alt="Make Your Picks">
                </div>
                <header><h3>Make Your Picks</h3></header>
                <p>Answer 6 pre-game questions and look out for the 2 in-game bonus questions to collect maximum Streaks.</p>
            </article>
        </div>
        <div class="item item3">
            <div class="arrows">
                <img src="img/layout/arrows-right.svg" alt="Arrows Right">
            </div>
            <article>
                <span class="number">3</span>
                <div class="thumb">
                    <img src="img/layout/collect-streaks.svg" alt="Collect Streaks">
                </div>
                <header><h3>Collect Streaks</h3></header>
                <p>Collect a Streak for each question you get right. Collect bonus streaks when you invite your friends to play.</p>
            </article>
        </div>
        <div class="item item4">
            <div class="arrows">
                <img src="img/layout/arrows-right.svg" alt="Arrows Right">
            </div>
            <article>
                <span class="number">4</span>
                <div class="thumb">
                    <img src="img/layout/win-cash.svg" alt="Win Cash, Crypto or Prizes">
                </div>
                <header><h3>Win Cash, Crypto or Prizes</h3></header>
                <p>1st Place Wins <span class="pink">$500</span>, 2nd Place Wins <span class="pink">$250</span>, 3rd Place Wins <span class="pink">$100</span>. Collect All 8 Streaks and Win <span class="pink">$1000</span> instantly!</p>
            </article>
        </div>
    </div>
</section>