<div id="about" class="about">
    <div class="about__container container">

        {% if page.about_title %}
            <h2 class="about__title">{{ page.about_title }}</h2>
        {% endif %}

        {% if page.about_text %}
            <p class="about__description">{{ page.about_text }}</p>
        {% endif %}

        <div class="about__row">
            {% if page.about_quote %}
                <blockquote class="about__quote">{{ page.about_quote|raw }}</blockquote>
            {% endif %}

            <div class="about__image__container">
                {% if page.about_image %}
                    <img src="{{ page.about_image.make.path }}" class="about__image" alt="About Image">
                {% else %}
                    <div class="image-placeholder"></div>
                {% endif %}
            </div>
        </div>

    </div>
</div>
