<div class="question js-question" data-index="{{@index}}">
    <p class="question__eyebrow js-index-label">{{eyebrow}}</p>
    <h2 class="question__title">{{question}}</h2>
    <div class="grid-x grid-margin-x">
        {{#if responsiveImage}}
            <div class="cell question__image">
                {{> @cp-medium-image responsiveImage}}
            </div>
        {{/if}}
        {{#each answers}}
            <div class="cell medium-6 answer js-answer" data-value="{{value}}" data-message="{{message}}" data-category="{{category}}">
                <button class="answer__text-button">
                    <span class="answer__label">{{text}}</span>
                </button>
            </div>
        {{/each}}
        <p class="cell question__message js-message"></p>
    </div>
</div>