.renewmap {
  position: relative;
  container-name: renewmap;
  container-type: inline-size;
  background: #ACCDE5;
  height: var(--height, 60vh);
}
.renewmap:has(.map[class*=zoom]) .controls {
  opacity: 1;
  pointer-events: auto;
}
.renewmap .screenshot {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}