.contacts-map {
  position: relative;
  width: 100%;
  aspect-ratio: 3 / 1;
  min-height: var(--size-contact-map-mobile);
  overflow: hidden;
  border: 1px solid var(--color-border-map);
  background: var(--color-surface-dark);
}

.contacts-map__frame {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  filter: invert(.9) hue-rotate(180deg) brightness(.78) contrast(.95);
}

@media (width <= 48rem) {
  .contacts-map { aspect-ratio: 4 / 3; }
}