<div class=“col col-12 blocks {% if include.object.style %}{{include.object.style}}{% endif %}”>

<!-- <div class="row blocks"> -->
    <div class="row justify-content-lg-center">
        {% assign block_width = 3 %}
        {% if include.object.item_width %}
            {% assign block_width = include.object.item_width %}
        {% endif %}
        {% for block in include.object.block_section_content.blocks %}
            {% if block.modal_content %}
            <!-- Modal -->
            <div class="modal fade" id="blockModal-{{forloop.index}}-{{block.title | slugify}}" tabindex="-1" role="dialog" aria-labelledby="blockModalLabel-{{forloop.index}}-{{block.title | slugify}}"
                aria-hidden="true">
                <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="blockModalLabel-{{forloop.index}}-{{block.title | slugify}}">{{block.title}}</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body text-left">
                            {{block.modal_content | markdownify}}
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                        </div>
                    </div>
                </div>
            </div>
            {% endif %}
            <div class="col col-12 col-sm-6 col-lg-{{block_width}} block_column">
                <div class="card h-100 {% if block.background_image %}background_image text-white{% endif %} {% if block.style %}{{block.style}}{% endif %}">
                    {% if block.image %}
                        {% assign block_image = block.image %}
                        {% capture block_image_alt %}{{block.title}} image {% endcapture %}
                        {% picture card_block_image {{block_image}} --alt {{block_image_alt}} %}
                    {% endif %}
                    <div class="card-body {% if block.background_image %}card-img-overlay{% else %}card-body{% endif %}  {% if block.content_style %}{{block.content_style}}{% endif %}">
                        {% if block.title %}
                        <h5 class="card-title">{{block.title}}</h5>
                        {% endif %}
                        {% if block.sub_title %}
                        <h6 class="card-subtitle mb-2 text-muted">{{block.sub_title}}</h6>
                        {% endif %}
                        {% if block.description %}
                        <p class="card-text">
                            {{block.description | markdownify }}
                        </p>
                        {% endif %}
                        {% if block.modal_content %}
                            <!-- Button trigger modal -->
                            <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#blockModal-{{forloop.index}}-{{block.title | slugify}}">
                                More Info
                            </button>
                        {% else %}
                            {% if block.buttons %}
                                {% for button in block.buttons %}
                                    {% include flow/button.html object=button %}
                                {% endfor %}
                            {% endif %}
                        {% endif %}
                    </div>
                    {% if block.footer_text %}
                        <div class="card-footer">
                            <small class="text-muted">{{block.footer_text}}</small>
                        </div>
                    {% endif %}
                </div>
            </div>
        {% endfor %}
    </div>
<!-- </div> -->

</div>