Image Card 3-Across 

<div class="image-card-3-across" data-module="imageCard3Across">
    <div class="grid-x grid-padding-x">
        <div class="cell medium-12">
            <h2 class="image-card-3-across__title">Did you know?</h2>
        </div>
    </div>
    <div class="grid-x grid-padding-x">
        <div class="cell medium-4 large-4">
            <div class="image-card">
                <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-1564760236016-d962ec71cee5?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;50&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-1564760236016-d962ec71cee5?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;800&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-1564760236016-d962ec71cee5?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;1600&amp;q&#x3D;80" />
                        <source media="(min-width: 1320px)" class="js-large-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1564760236016-d962ec71cee5?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;1600&amp;q&#x3D;80" />
                        <img class="js-image-lazyload js-fallback-image" data-object-fit data-src="" alt="Alt Text">
                    </picture>
                </figure>
                <div class="image-card__inner">
                    <h3 class="image-card__title">The Island of Ireland</h3>
                    <p class="image-card__subtitle">The island of Ireland is made up of two countries: The Republic of Ireland and Northern Ireland.</p>
                    <div class="js-image-card-link-button">
                        <a href="#" class="button-p2 button-p2--small image-card__button  " role="button">Find out more</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="cell medium-4 large-4">
            <div class="image-card">
                <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-1551269901-5c5e14c25df7?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;50&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-1551269901-5c5e14c25df7?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;800&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-1551269901-5c5e14c25df7?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;1600&amp;q&#x3D;80" />
                        <source media="(min-width: 1320px)" class="js-large-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1551269901-5c5e14c25df7?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;1600&amp;q&#x3D;80" />
                        <img class="js-image-lazyload js-fallback-image" data-object-fit data-src="" alt="Alt Text">
                    </picture>
                </figure>
                <div class="image-card__inner">
                    <h3 class="image-card__title">Harry Potter was here</h3>
                    <p class="image-card__subtitle">Did you know that Harry Potter: the half blood prince was filmed on the cliffs of Moher.</p>
                    <div class="js-image-card-link-button">
                        <a href="#" class="button-p2 button-p2--small image-card__button  " role="button" target="_blank" rel="noopener">See Ireland on screen</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="cell medium-4 large-4">
            <div class="image-card">
                <figure class="image js-image  " data-module="imagelazy" data-is-small-image="">
                    <img class="image__lowres js-image-lazyload" data-object-fit data-src="" alt="Alt Text">
                    <picture class="image__container">
                        <source media="(max-width: 767px)" class="js-small-image" type="image/jpeg" data-srcset="/media/maps/map-berlin_hero-small.svg" />
                        <source media="(min-width: 768px) and (max-width:1319px)" class="js-medium-image" type="image/jpeg" data-srcset="/media/maps/map-berlin_hero-medium.svg" />
                        <source media="(min-width: 1320px)" class="js-large-image" type="image/jpeg" data-srcset="/media/maps/map-berlin_hero-large.svg" />
                        <img class="js-image-lazyload js-fallback-image" data-object-fit data-src="" alt="Alt Text">
                    </picture>
                </figure>
                <div class="image-card__inner">
                    <h3 class="image-card__title">Ireland is closer than you think</h3>
                    <p class="image-card__subtitle">Ireland is just a 6 hour flight from New York, and you can clear immigration in Shannonmade up of two countries: The Republic of Ireland and Northern Ireland.</p>
                    <div class="js-image-card-link-button">
                        <a href="#" class="button-p2 button-p2--small image-card__button  " role="button">See flights to Ireland</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
 
<div class="image-card-3-across" data-module="imageCard3Across">
    <div class="grid-x grid-padding-x">
        <div class="cell medium-12">
            <h2 class="image-card-3-across__title">{{{title}}}</h2>
        </div>
    </div>
    <div class="grid-x grid-padding-x">
    {{#each imageCards}}
    <div class="cell medium-4 large-4">
        {{> @cp-image-card}}
    </div>
    {{/each}}
    </div>
</div>
 
{
  "title": "Did you know?",
  "imageCards": [
    {
      "responsiveImage": {
        "altText": "Alt Text",
        "lowResolutionUrl": "https://images.unsplash.com/photo-1564760236016-d962ec71cee5?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=50&q=10",
        "sources": [
          {
            "type": "image/jpeg",
            "largeUrl": "https://images.unsplash.com/photo-1564760236016-d962ec71cee5?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1600&q=80",
            "smallUrl": "https://images.unsplash.com/photo-1564760236016-d962ec71cee5?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80"
          }
        ]
      },
      "title": "The Island of Ireland",
      "subtitle": "The island of Ireland is made up of two countries: The Republic of Ireland and Northern Ireland.",
      "button": {
        "url": "#",
        "text": "Find out more"
      }
    },
    {
      "responsiveImage": {
        "altText": "Alt Text",
        "lowResolutionUrl": "https://images.unsplash.com/photo-1551269901-5c5e14c25df7?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=50&q=10",
        "sources": [
          {
            "type": "image/jpeg",
            "largeUrl": "https://images.unsplash.com/photo-1551269901-5c5e14c25df7?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1600&q=80",
            "smallUrl": "https://images.unsplash.com/photo-1551269901-5c5e14c25df7?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80"
          }
        ]
      },
      "title": "Harry Potter was here",
      "subtitle": "Did you know that Harry Potter: the half blood prince was filmed on the cliffs of Moher.",
      "button": {
        "url": "#",
        "target": "_blank",
        "text": "See Ireland on screen"
      }
    },
    {
      "responsiveImage": {
        "altText": "Alt Text",
        "sources": [
          {
            "type": "image/jpeg",
            "largeUrl": "/media/maps/map-berlin_hero-large.svg",
            "lowResolutionUrl": "/media/maps/map-berlin_hero-medium.svg",
            "smallUrl": "/media/maps/map-berlin_hero-small.svg",
            "mediumUrl": "/media/maps/map-berlin_hero-medium.svg"
          }
        ]
      },
      "title": "Ireland is closer than you think",
      "subtitle": "Ireland is just a 6 hour flight from New York, and you can clear immigration in Shannonmade up of two countries: The Republic of Ireland and Northern Ireland.",
      "button": {
        "url": "#",
        "text": "See flights to Ireland"
      }
    }
  ]
}

There are no notes for this item.