{{#if modalUrl}}
  <a href="{{modalUrl}}" class="tui-card open-tui-modal{{#if cssClass}} {{cssClass}}{{/if}}" data-modal-type="image-modal" data-id="images"{{#if dataHotelName}} data-hotel-name="{{dataHotelName}}" data-load-from-wf="true"{{/if}}>
{{else}}
  <a class="tui-card{{#if cssClass}} {{cssClass}}{{/if}}" href="{{href}}">
{{/if}}
  <div class="media-container">
    {{#if imageUrl}}
      {{>image_responsive_card image-url=imageUrl alt-text=name}}
    {{else}}
      {{>image_responsive_card image-url=mainImage.url alt-text=mainImage.altTag description=null}}
    {{/if}}
  </div>
  <div class="main-area">
    {{#if data.departureName}}
      {{data.departureName}}
    {{/if}}
    <h3>{{name}}</h3>
    {{#if text}}
<div class="text" data-markdown>{{{text}}}</div>
    {{/if}}
  </div>
</a>