.mm-map {
  position: relative;
  overflow: hidden;
  border-radius: var(--mm-map-radius, 8px);
  background: #eeeeee;
}

.mm-map__frame {
  display: block;
  width: 100%;
  height: var(--mm-map-height, 420px);
  border: 0;
}

.mm-map__still {
  display: block;
}
.mm-map__still img {
  display: block;
  width: 100%;
  height: var(--mm-map-height, 420px);
  object-fit: cover;
}

@media screen and (max-width: 768px) {
  .mm-map__frame,
  .mm-map__still img {
    height: min(var(--mm-map-height, 420px), 260px);
  }
}