Existing customer card

<div class="mp c-existing-customer-card">
  <div class="c-existing-customer-card__wrapper">
    <div class="c-existing-customer-card__main-wrapper">
      <h3 class="c-existing-customer-card__title">
        <a href="https://www.malvernpanalytical.com/en/products/product-range/mastersizer-range/mastersizer-3000#accessories" aria-label="Mastersizer accessories">
        Mastersizer accessories</a>
      </h3>
      <p class="c-existing-customer-card__lede">Configure your Mastersizer for your application and requirements with our range of accessories.</p>
      <span class="mp c-twi u-link c-twi--left" ><span>View accessories</span>
        <svg role="img" aria-hidden="true" focusable="false" class="mp c-icon c-icon--arrow-right">
          <use xlink:href="/static/svg/sprite.svg#arrow-right"></use>
        </svg>
      </span>
    </div>
    <figure class="c-existing-customer-card__media-wrapper">
      <img class="c-existing-customer-card__image" src="https://p3.aprimocdn.net/malvernpanalytical/37015a45-6002-4cc3-9650-ad9e00b43396/636216816480633919JL_Original%20file.jpg?quality=60" alt="Mastersizer accessories"  />
    </figure>
  </div>
</div>

{
  "title": "Mastersizer accessories",
  "link": "https://www.malvernpanalytical.com/en/products/product-range/mastersizer-range/mastersizer-3000#accessories",
  "lede": "Configure your Mastersizer for your application and requirements with our range of accessories.",
  "cta": {
    "label": "View accessories"
  },
  "image": {
    "src": "https://p3.aprimocdn.net/malvernpanalytical/37015a45-6002-4cc3-9650-ad9e00b43396/636216816480633919JL_Original%20file.jpg?quality=60",
    "alt": "Mastersizer accessories"
  }
}