{% set isDefinedAboutUsCellData = aboutUsCellData.data is defined and aboutUsCellData.data %}

<div id="aboutUsCell_{{ aboutUsCellData.id }}"
     class="carousel__cell"
     data-cell-index="{{ aboutUsCellData.index }}">
    <div class="row">

        {% if isDefinedAboutUsCellData %}
            {% if aboutUsCellData.data.picture %}
                {% set imgPath = '../../../../../' ~ directory_about_us_cell_picture ~ '/' ~ aboutUsCellData.data.picture %}
            {% else %}
                {% set imgPath = '../../../../../img/front/about-us-carousel/' ~ aboutUsCellData.theme %}
            {% endif %}
            <div class="col cell-theme" style='background-image: url("{{ imgPath }}");'></div>
        {% endif %}
    </div>

    <div class="row d-flex justify-content-center">
        <div class="col-auto w-75 cell-content">
            <h4 class="cell-title">{{ aboutUsCellData.title }}</h4>
            <div class="content y-font-shadow">

                {% if isDefinedAboutUsCellData and aboutUsCellData.data %}
                    {{ aboutUsCellData.data.text|raw }}
                {% endif %}
            </div>
        </div>
    </div>
</div>