<div style="position: absolute; bottom: 20px; left: 20px; background: white; padding: 10px; border: 1px solid #ccc; border-radius: 8px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); font-family: sans-serif;">
  <strong>Legend</strong>
  <div style="display: flex; align-items: center; margin-top: 8px;">
    <img src="https://store-locator.bsscommerce.com/image/location-pin-01.png" alt="Distributor Icon" style="width: 24px; height: 24px; margin-right: 8px;">
    <span>Distributor</span>
  </div>
  <div style="display: flex; align-items: center; margin-top: 6px;">
    <img src="https://store-locator.bsscommerce.com/image/location-pin-07.png" alt="Certified Installer Icon" style="width: 24px; height: 24px; margin-right: 8px;">
    <span>Certified Installer</span>
  </div>
</div>