#map-frame {
  display: flex;
  visibility: hidden;
  justify-content: center;
  position: absolute;
  bottom: 100px;
  left: 50px;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-transform : translateY(0px);
  -moz-transform    : translateY(0px);
  -ms-transform     : translateY(0px);
  -o-transform      : translateY(0px);
  transform         : translateY(0px);
  transition: all 0.2s ease-out;
}

#map-frame.bottom-panel-open {
  -webkit-transform : translateY(-65px);
  -moz-transform    : translateY(-65px);
  -ms-transform     : translateY(-65px);
  -o-transform      : translateY(-65px);
  transform         : translateY(-65px);
  transition: all 0.2s ease-out;
}

#image {
  display: block;
  object-fit: contain;
  width: auto;
  height: auto;
}

#indicator {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 3px solid #49d2fc;
}