<div class="basepack-image--wrapper castorcito-basepack--item">
  <div class="castorcito-basepack--inner">
    <div class="basepack-image--item">
      {% if component_data.fields.image.value is not empty %}
      <div class="basepack-image--item--image">
          {% embed "castorcito:castorcito_image" with {
            cfield_data: component_data.fields.image,
            cfield_display_settings: display_settings.cfields.image
          } %}
          {% endembed %}
      </div>
      {% endif %}
      <div class="basepack-image--item--content">
        {% if component_data.fields.title.value is not empty %}
        <div class="basepack-image--item--title-container">
          <h3 class="basepack-image--item--title">{{ component_data.fields.title.value }}</h3>
        </div>
        {% endif %}
        {% if component_data.fields.subtitle.value is not empty %}
          <h4 class="basepack-image--item--subtitle">{{ component_data.fields.subtitle.value }}</h4>
        {% endif %}
      </div>
    </div>
  </div>
</div>
