Content media

<div class="ecl-container">
  <h2 class="ecl-u-type-heading-2 ecl-u-mv-none ecl-u-type-color-black">Heading</h2>
  <article class="ecl-u-mt-m ecl-u-mt-sm-l">
    <div class="ecl-row">
      <div class="ecl-col-12 ecl-col-md-6">
        <figure class="ecl-media-container"><img class="ecl-media-container__media"
            src="https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg" alt="Jean Monnet banner" />
          <figcaption class="ecl-media-container__caption">The European Commission has put forward ambitious yet
            realistic proposals for a modern EU budget. It is time for an EU budget that reflects rapid developments in
            innovation, the economy, the environment and geopolitics, amongst others.</figcaption>
        </figure>
      </div>
      <div class="ecl-col-12 ecl-col-md-6 ecl-u-mt-m ecl-u-mt-md-none">
        <div class="ecl-u-type-prolonged-m ecl-u-type-bold ecl-u-type-color-grey">Title</div>
        <p class="ecl-u-type-paragraph ecl-u-mt-none ecl-u-type-color-grey">Lorem ipsum dolor sit amet, consectetur
          adipiscing elit. Quisque congue suscipit velit non fermentum. Vivamus ut blandit ipsum. Praesent sodales
          bibendum risus at consectetur. In bibendum aliquam rhoncus. Sed maximus magna eu leo euismod varius. Morbi
          ultricies ex lacus, at pellentesque metus fringilla sit amet. Aliquam placerat consectetur egestas. Nunc
          consequat nunc bibendum diam maximus, sit amet tempor mi pulvinar. In at urna at nisl maximus dignissim.
          Maecenas a ante ac erat imperdiet ornare eu non est. Aenean euismod gravida interdum. Proin non leo felis.</p>
        <p class="ecl-u-type-paragraph ecl-u-mb-none ecl-u-type-color-grey">Nulla iaculis dui in lacinia semper. Sed
          vitae ligula bibendum, vehicula neque sit amet, condimentum sapien. Sed convallis porta dui, id tincidunt
          dolor ultricies at. Curabitur venenatis nec risus fringilla venenatis.</p><a href="/example"
          class="ecl-u-mt-m ecl-u-mt-md-l ecl-u-type-bold ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-after"><span
            class="ecl-link__label">Read more</span>&nbsp;<svg focusable="false" aria-hidden="true"
            class="ecl-link__icon ecl-icon ecl-icon--fluid ecl-icon--rotate-90">
            <use xlink:href="/component-library/dist/media/icons.3cf410f9.svg#ui--corner-arrow"></use>
          </svg></a>
      </div>
    </div>
  </article>
</div>

<div class="ecl-container">
  <h2 class="ecl-u-type-heading-2 ecl-u-mv-none ecl-u-type-color-black">Heading</h2>
  <article class="ecl-u-mt-m ecl-u-mt-sm-l">
    <div class="ecl-row">
      <div class="ecl-col-12 ecl-col-md-6 ecl-u-mt-m ecl-u-mt-md-none">
        <div class="ecl-u-type-prolonged-m ecl-u-type-bold ecl-u-type-color-grey">Title</div>
        <p class="ecl-u-type-paragraph ecl-u-mt-none ecl-u-type-color-grey">Lorem ipsum dolor sit amet, consectetur
          adipiscing elit. Quisque congue suscipit velit non fermentum. Vivamus ut blandit ipsum. Praesent sodales
          bibendum risus at consectetur. In bibendum aliquam rhoncus. Sed maximus magna eu leo euismod varius. Morbi
          ultricies ex lacus, at pellentesque metus fringilla sit amet. Aliquam placerat consectetur egestas. Nunc
          consequat nunc bibendum diam maximus, sit amet tempor mi pulvinar. In at urna at nisl maximus dignissim.
          Maecenas a ante ac erat imperdiet ornare eu non est. Aenean euismod gravida interdum. Proin non leo felis.</p>
        <p class="ecl-u-type-paragraph ecl-u-mb-none ecl-u-type-color-grey">Nulla iaculis dui in lacinia semper. Sed
          vitae ligula bibendum, vehicula neque sit amet, condimentum sapien. Sed convallis porta dui, id tincidunt
          dolor ultricies at. Curabitur venenatis nec risus fringilla venenatis.</p><a href="/example"
          class="ecl-u-mt-m ecl-u-mt-md-l ecl-u-type-bold ecl-link ecl-link--cta ecl-link--icon ecl-link--icon-after"><span
            class="ecl-link__label">Call to action link</span>&nbsp;<svg focusable="false" aria-hidden="true"
            class="ecl-link__icon ecl-icon ecl-icon--fluid ecl-icon--rotate-90">
            <use xlink:href="/component-library/dist/media/icons.3cf410f9.svg#ui--corner-arrow"></use>
          </svg></a>
      </div>
      <div class="ecl-col-12 ecl-col-md-6 ecl-u-order-first ecl-u-order-md-0">
        <figure class="ecl-media-container"><img class="ecl-media-container__media"
            src="https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg" alt="Jean Monnet banner" />
          <figcaption class="ecl-media-container__caption">The European Commission has put forward ambitious yet
            realistic proposals for a modern EU budget. It is time for an EU budget that reflects rapid developments in
            innovation, the economy, the environment and geopolitics, amongst others.</figcaption>
        </figure>
      </div>
    </div>
  </article>
</div>