<!-- add the 'hoverable' class for hover, and the 'tabindex' attribute for keyboard focus -->
<div class="wlt-tile hoverable" tabindex="0">
  <div class="tile-header">
    <img
      loading="lazy"
      src="http://picsum.photos/seed/focus/480/270"
      alt="a bird flying over water"
    />
  </div>
  <div class="tile-body">
    <div>
      <h4 class="tile-heading">Hoverable & Focusable</h4>
      <p class="tile-description">
        This tile animates on hover and can receive focus
      </p>
    </div>
  </div>
</div>