{% block element_tw_slide %}
<div class="tw-slide {{ element.config.mediaPosition.value|default('left') }}">
<div class="tw-slide-image" style="background-image: url('{{ element.config.mediaUrl.value }}');"></div>
<div class="tw-slide-content js-tilt" style="background: {{ element.config.contentBackgroundColor.value|default('#ffffff') }}; text-align: {{ element.config.contentTextAlign.value|default('right') }}">
<div class="tw-slide-text">{{ element.config.content.value|raw }}</div>
{% if(element.config.buttonActive.value) %}
<a class="btn btn-primary is-link" href="{{ element.config.buttonLink.value }}" style="background: {{ element.config.buttonBackgroundColor.value|default('transparent') }}; color: {{ element.config.buttonTextColor.value }}">{{ element.config.buttonText.value }}</a>
{% endif %}
</div>
</div>
{% endblock %}