{%
  set classes = [
  'paragraph',
  'paragraph--type--' ~ paragraph.bundle|clean_class,
  view_mode ? 'paragraph--view-mode--' ~ view_mode|clean_class,
  not paragraph.isPublished() ? 'paragraph--unpublished',
  'widget',
  'widget-pull-quote',
]
%}
{% block paragraph %}

<div{{ attributes.addClass(classes) }}>

  {% block content %}
  {{ content.controls }}
  {{ content.insert_before }}

  <div class="bg" data-img='{{ file_url(content.field_wg_photo_pull_quote_image['#items'].entity.uri.value) }}'>

    <div class="caption">
      <div class="inside">
        {% if paragraph.field_wg_photo_pull_quote_title.0.value %}
        <h3>{{ paragraph.field_wg_photo_pull_quote_title.0.value }}</h3>
        {% endif %}
        <blockquote>
          <p>{{ paragraph.field_wg_photo_pull_quote_text.0.value }}</p>
        </blockquote>

        <div class="sub">
          {% if paragraph.field_wg_photo_pull_quote_sub1.0.value %}
          <h4>{{ paragraph.field_wg_photo_pull_quote_sub1.0.value }}</h4>
          {% endif %}

          {% if paragraph.field_wg_photo_pull_quote_sub2.0.value %}
          <h5>{{ paragraph.field_wg_photo_pull_quote_sub2.0.value }}</h5>
          {% endif %}
        </div>
      </div>
    </div>

  </div>

  {{ content.insert_after }}
  {% endblock %}

</div>

{% endblock paragraph %}