.map {
  width: 100%;
  pointer-events: none;
  position: relative;

  &::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    background-color: var(--primary-color);
    mix-blend-mode: color;
    z-index: 1;
  }

  iframe {
    filter: grayscale(100);
    width: 100%;
    height: 40svh;
    display: block;
  }
}