Large Image Tout: Default 

<div class="large-image-tout" data-module="largeImageTout">
    <div class="grid-x">
        <div class="cell medium-10">
            <figure class="image js-image  " data-module="imagelazy" data-is-small-image="">
                <img class="image__lowres js-image-lazyload" data-object-fit data-src="https://images.unsplash.com/photo-1543748624-61a84917186f?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;100&amp;q&#x3D;10" alt="Alt Text">
                <picture class="image__container">
                    <source media="(max-width: 767px)" class="js-small-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1543748624-61a84917186f?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;640&amp;q&#x3D;80" />
                    <source media="(min-width: 768px) and (max-width:1319px)" class="js-medium-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1543748624-61a84917186f?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;2100&amp;q&#x3D;80" />
                    <source media="(min-width: 1320px)" class="js-large-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1543748624-61a84917186f?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;2100&amp;q&#x3D;80" />
                    <img class="js-image-lazyload js-fallback-image" data-object-fit data-src="" alt="Alt Text">
                </picture>
                <figcaption class="image__caption">
                    <span class="image__location-icon"></span>
                    <p class="image__location">Cork</p>
                    <p class="image__description">A tree and an some bikes</p>
                </figcaption>
            </figure>
        </div>
    </div>
    <div class="grid-container">
        <div class="grid-x grid-padding-x">
            <div class="large-image-tout__card cell">
                <h2 class="large-image-tout__card-title">Bustling streets filled with character</h2>
                <p class="large-image-tout__card-subtitle">Galway’s food scene includes incredible cafés, bistros and fine-dining restaurants that are kicking the culinary ball right out of the park.</p>
                <div class="large-image-tout__card-entries">
                </div>
                <a href="#" class="button-p1 button-p1--with-icon  " role="button">Discover more</a>
            </div>
        </div>
    </div>
</div>
 
<div class="large-image-tout{{#if hasLeftCard}} large-image-tout--left-card{{/if}}" data-module="largeImageTout">
    <div class="grid-x">
        <div class="cell medium-10{{#if hasLeftCard}} medium-offset-2{{/if}}">
            {{#if backgroundResponsiveImage}}
            {{> @cp-medium-image backgroundResponsiveImage}}
            {{/if}}
        </div>
    </div>
    <div class="grid-container">
        <div class="grid-x grid-padding-x">
            {{> @cp-large-image-tout-card card}}
        </div>
    </div>
</div>
 
{
  "hasLeftCard": false,
  "backgroundResponsiveImage": {
    "altText": "Alt Text",
    "lowResolutionUrl": "https://images.unsplash.com/photo-1543748624-61a84917186f?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=100&q=10",
    "sources": [
      {
        "type": "image/jpeg",
        "largeUrl": "https://images.unsplash.com/photo-1543748624-61a84917186f?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2100&q=80",
        "smallUrl": "https://images.unsplash.com/photo-1543748624-61a84917186f?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=640&q=80"
      }
    ],
    "caption": {
      "location": "Cork",
      "description": "A tree and an some bikes"
    }
  },
  "card": {
    "title": "Bustling streets filled with character",
    "subtitle": "Galway’s food scene includes incredible cafés, bistros and fine-dining restaurants that are kicking the culinary ball right out of the park.",
    "button": {
      "url": "#",
      "text": "Discover more"
    }
  }
}

There are no notes for this item.