.sv-se-orebro-map {
  margin-top: 1em;
  margin-bottom: 1em;
}

.preview {
  display: block;
  background-image: var(--preview-image);
  background-position: center;
  background-size: cover;
  width: 100%;
  max-width: 100%;
  aspect-ratio: 16 / 9;
}

.mapFrame iframe {
  width: 100%;
  max-width: 100%;
  aspect-ratio: 8 / 10;
  border: none;
}

@media (min-width: 768px) {
  .mapFrame iframe {
    width: 100%;
    max-width: 100%;
    aspect-ratio: 7 / 5;
    border: none;
  }
}

@media (min-width: 1350px) {
  .mapFrame iframe {
    width: 100%;
    max-width: 100%;
    aspect-ratio: 16 / 9;
    border: none;
  }
}