<style>
    .card__img-wrap {
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        position: relative;
    }

    .card__promo {
        color: #fff;
        text-align: center;
        position: absolute;
        top: 0;
        right: 0;
    }

    .card__promo__header {
        font-size: 18px;
        padding: 0 10px;
        background-color: #cf000f;
    }
</style>
<div class="card {{modification}}">
    <div class="card__inner">
        <div class="card__offers">
            {{#if sale}}
                <div class="card__offers-item card__offers-item_discount">{{sale.discount}}</div>
            {{/if}}
        </div>
        {{#if src}}
            <div class="card__img-wrap">
                <div class="card__img-wrap-inner">
                    <div class="card__promo">
                        {{#if promo}}
                            <div class="card__promo__header">
                                {{promo}}
                            </div>
                        {{/if}}
                        {{#if promofooter}}
                            <footer class="card__promo__footer">
                                {{promofooter}}
                            </footer>
                        {{/if}}
                        {{#if tag}}
                            <div class="card__promo__header card__promo__header--{{tag.type}}">
                                {{tag.text}}
                            </div>
                        {{/if}}
                    </div>
                    {{#if url}}
                        <a href="{{url}}"  tag-class="carousel-card-img-{{@index}}"><img class="card__img" src="{{src}}" alt="{{title}}"></a>
                    {{else}}
                        <span><img class="card__img" src="{{src}}" alt="{{title}}"></span>
                    {{/if}}
                </div>
            </div>
        {{/if}}
        {{#if solid-bg}}
            <div class="card__solid-bg">
                <div class="card__solid-bg-inner">
                    {{#if icon-src}}
                        {{#if url}}
                        <a href="{{url}}">
                        {{/if}}
                        <img src="{{icon-src}}" alt="{{title}}">
                        {{#if url}}
                        </a>
                        {{/if}}
                    {{/if}}

                    {{#if solid-bg-title}}
                        {{solid-bg-title}}
                    {{/if}}
                </div>
            </div>
        {{/if}}
        <div class="card__content">
            <div class="card__content-wrap">
                {{#if title}}
                    <div class="card__title">
                        {{title}}
                        {{#if sub-title}}
                            <div>{{sub-title}}</div>
                        {{/if}}
                    </div>
                {{/if}}
                {{#if title-link}}
                    <div class="card__title">
                        <a href="">{{title-link}}</a>
                    </div>
                {{/if}}
                {{#if header}}
                    <div class="card__header">
                        <b>{{header}}</b>
                    </div>
                {{/if}}
                {{#if descr}}
                    <div class="card__descr">
                        {{descr}}
                    </div>
                {{/if}}
                {{#each overview-list}}
                    <ul class="card__list">
                        <li class="card__list-item"><span class="fas fa-check" aria-hidden="true"></span>{{text}}</li>
                    </ul>
                {{/each}}
            </div>
        </div>
        <div class="card__actions-wrap">
            {{#if readMore}}
                <a href="#" class="expanded-text">Read more</a>
            {{/if}}
            {{#if linkValue}}
                <div class="card__actions">
                    {{#if primary}}
                        <a href="{{#if url}}{{url}}{{else}}{{/if}}" class="btn btn-primary">{{linkValue}}</a>
                    {{else if secondary}}
                        <a href="{{#if url}}{{url}}{{else}}{{/if}}" class="btn btn-secondary">{{linkValue}}</a>
                    {{else}}
                        <a href="{{#if url}}{{url}}{{else}}{{/if}}" class="link-secondary">{{linkValue}}</a>
                    {{/if}}
                </div>
            {{/if}}
        </div>
    </div>
</div>