.map-embed {
  width: 100%;
}

.map-embed__wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
  line-height: 0;
}

.map-embed__iframe {
  display: block;
  width: 100%;
  height: var(--map-embed-height-mobile, 300px);
  border: 0;
}

@media screen and (min-width: 750px) {
  .map-embed__iframe {
    height: var(--map-embed-height-desktop, 450px);
  }
}