<section class="banner">
    <div class="container">
        <div class="banner__wrapper">
            <div class="banner__background">
                {% include '_partials/image.twig' with {image: entry.backgroundImage.one(), class: 'banner__bg-image', transform: 'banner'} %}
                <div class="banner__overlay"></div>
            </div>
            <div class="banner__content">

                <h2 class="banner__title">{{ entry.title }}</h2>

                <div class="banner__text">
                    {{ entry.descriptionText }}
                </div>

                <div class="banner__actions">
                    {% for buttonEntry in entry.buttons %}
                        {% include '_partials/link.twig' with {class: 'btn banner__btn btn--' ~ (buttonEntry.buttonStyle == 'white' ? 'secondary' : 'primary'), link: buttonEntry.button} %}
                    {% endfor %}
                </div>

            </div>
        </div>
    </div>
</section>