{% if hostDescriptions is not empty or hostImages is not empty %}
<section class="mt-4" data-track-content data-content-name="{{ package is defined and package is not null ? 'package-' : 'accommodation-'}}host-info">
<h2 class="h3 mb-2">{{ "demi.detail.headline.host-info"|trans }}</h2>
<div class="card box-shadow js-expandable expandable-block">
<script data-cookieconsent="ignore">
_config.expandable = true;
</script>
<div class="expandable-block__content-wrapper js-expandable__content-wrapper">
<div class="card-body js-expandable__content expandable-block__content">
<div class="row row--gutter-width-14">
<div class="col col-auto">
{% for hostImage in hostImages %}
{{ hostImage.getThumbnail('demi-host-info').getHTML({'disableWidthHeightAttributes': true})|raw }}
{% endfor %}
</div>
<div class="col">
<div class="wysiwyg">
{% for hostDescription in hostDescriptions %}
{{ hostDescription|raw }}
{% endfor %}
</div>
</div>
</div>
</div>
</div>
{{ include('@ElementsDemiFrontend/Includes/elements/read-more.mobile.html.twig') }}
</div>
</section>
{% endif %}