<figure class="gallery card">
  <div class="gallery-panel">
    <img class="gallery-current" src="/img/chiefs.jpg" alt="Lorem ipsum dolor sit amet" loading="lazy">
    <div class="gallery-marker">
      <svg width="42px" height="42px" viewBox="0 0 42 42" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path d="M21,39 C10.5065898,39 2,30.4934102 2,20 C2,9.50658975 10.5065898,1 21,1 C31.4934102,1 40,9.50658975 40,20 C40,30.4934102 31.4934102,39 21,39 Z M27.6,14.4615385 L25.5,14.4615385 L25.021875,13.1538462 C24.7875,12.5192308 24.05625,12 23.4,12 L18.6,12 C17.94375,12 17.2125,12.5192308 16.978125,13.1538462 L16.5,14.4615385 L14.4,14.4615385 C13.078125,14.4615385 12,15.5673077 12,16.9230769 L12,25.5384615 C12,26.8942308 13.078125,28 14.4,28 L27.6,28 C28.921875,28 30,26.8942308 30,25.5384615 L30,16.9230769 C30,15.5673077 28.921875,14.4615385 27.6,14.4615385 Z M21,26 C18.7946429,26 17,24.2053571 17,22 C17,19.7946429 18.7946429,18 21,18 C23.2053571,18 25,19.7946429 25,22 C25,24.2053571 23.2053571,26 21,26 Z M21,19 C19.34375,19 18,20.34375 18,22 C18,23.65625 19.34375,25 21,25 C22.65625,25 24,23.65625 24,22 C24,20.34375 22.65625,19 21,19 Z" id="path-1"></path><filter x="-13.2%" y="-10.5%" width="126.3%" height="126.3%" filterUnits="objectBoundingBox" id="filter-2"><feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset><feGaussianBlur stdDeviation="1.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur><feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix></filter></defs><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use><use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-1"></use></g></svg>
      <span class="gallery-count">1 of 12</span>
    </div>
    <button class="gallery-button gallery-prev"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z"/></svg></button>
    <button class="gallery-button gallery-next"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"/></svg></button>
  </div>
  <div class="package sans">
    <h3 class="h2">Gallery title</h3>
    <figcaption>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum scelerisque tristique ligula in tempor. Praesent hendrerit in felis sit amet gravida. Donec mattis mi sit. <span class="credit">JOHN DOE</span></figcaption>
  </div>
</figure>