<div class="card-standard__image-container js-image-container">
    {{> @cp-medium-image lowResolutionUrl=responsiveImage.lowResolutionUrl fallbackImageUrl=responsiveImage.fallbackImageUrl sources=responsiveImage.sources caption=responsiveImage.caption dynamicImage=dynamicImage forceLoad=responsiveImage.forceLoad}}
</div>
<div class="card-standard__inner">
    <div class="card-standard__details">
        {{#if tripInfo.text}}
            <div class="card-standard__trip-idea-info card-standard__trip-idea-info--{{tripInfo.travelMethod}}">
                {{tripInfo.text}}
            </div>
        {{/if}}
        {{#if timeSpan.text}}
            <time class="card-standard__read-time js-readtime" datetime="{{timeSpan.stamp}}">{{timeSpan.text}}</time>
        {{/if}}
        {{#if title}}
            <h3 class="card-standard__title js-title">{{{title}}}</h3>
        {{/if}}
        {{#if subtitle}}
            <p class="card-standard__subtitle js-subtitle">{{{subtitle}}}</p>
        {{/if}}
        {{#if starRating}}
            <div class="card-standard__rating">
                <div class="star-rating star-rating--{{starRating.total}}-max star-rating--{{starRating.rating}}-rating"></div>
                <p class="card-standard__rating-text">{{starRating.rating}}/{{starRating.total}}</p>
            </div>
        {{/if}}
        {{#if closesText}}
            <p class="card-standard__closes-text">{{closesText}}</p>
        {{/if}}
        {{#if locationName}}
            <p class="card-standard__location js-location-name">{{locationName}}</p>
        {{/if}}
        {{#if detailsLink}}
            <a href="{{detailsLink.url}}" class="card-standard__link card-standard__details-link card-standard__link--bold js-details-link" aria-label="{{detailsLink.text}}">{{detailsLink.text}}</a>
        {{/if}}
        {{#if tags}}
            {{> @cp-hashtags tags }}
        {{/if}}
        {{#if pageType}}
            <p class="card-standard__page-type js-page-type">{{pageType}}</p>
        {{/if}}
    </div>
</div>