#imgmap-wrapper {
    width: 100%;
    max-width: 1440px; /*actual width of image-- behaves strangely if exceeding this*/
    position: relative;
  }

  #imgmap-wrapper img {
    max-width: 100%;
  }

  #a-magnet {
    height: 11.15%;
    width: 11.42%;
    position: absolute;
    left: 82.50%;
    top: 27.85%;
    background: url("/assets/blog/2022/11/27/magnet.png") no-repeat;
    background-size: contain;
    display: inline-block;
  }

  #a-magnet:hover {
    height: 11.15%;
    width: 11.42%;
    position: absolute;
    left: 82.50%;
    top: 27.85%;
    background: url("/assets/blog/2022/11/27/magnet-hover.png") no-repeat;
    background-size: contain;
    display: inline-block;
  }

  #a-nfc {
    height: 11.15%;
    width: 11.42%;
    position: absolute;
    left: 55.18%;
    top: 66.05%;
    background: url("/assets/blog/2022/11/27/nfc.png") no-repeat;
    background-size: contain;
    display: inline-block;
  }

  #a-nfc:hover {
    height: 11.15%;
    width: 11.42%;
    position: absolute;
    left: 55.18%;
    top: 66.05%;
    background: url("/assets/blog/2022/11/27/nfc-hover.png") no-repeat;
    background-size: contain;
    display: inline-block;
  }

  #a-tritium {
    height: 11.15%;
    width: 11.42%;
    position: absolute;
    left: 49.10%;
    top: 76.22%;
    background: url("/assets/blog/2022/11/27/tritium.png") no-repeat;
    background-size: contain;
    display: inline-block;
  }

  #a-tritium:hover {
    height: 11.15%;
    width: 11.42%;
    position: absolute;
    left: 49.10%;
    top: 76.22%;
    background: url("/assets/blog/2022/11/27/tritium-hover.png") no-repeat;
    background-size: contain;
    display: inline-block;
  }

  .f-visible {
    visibility: visible;
  }

  .f-hidden {
    display: none !important;
  }