<div class="overview summary">
    <h4>Connected vs Dangling</h4>
    <div style="align-content: center">
        <img class="img-responsive center-img"
             style="align-content: center"
             src="{{ subsection_data['fig_path'] }}" alt="foo">
    </div>

    <hr class="panel-separator">

    <h4>Connectivity step details</h4>
    {% with table_data=subsection_data['steps_table'] %}
        {% include 'templates/data_content/table_steps_connectivity.html' %}
    {% endwith %}
    {% with row