.bigmap {
  cursor: pointer;
  width: 500px;
  height: 250px;
}

.bigmap img {
  width: 500px;
  height: 250px;
  transition: 0.3s ease-in-out;
}

.bigmap:hover {
  width: 500px;
  height: 250px;
}

.bigmap:hover img {
  width: 600px;
  height: 300px;
  margin-top: -50px;
  margin-left: -50px;
}

.bigmap:focus-within {
  -webkit-appearance: none;
  width: 500px;
  height: 250px;
  box-shadow: 0px 0px 40px 30px rgb(00, 153, 255);
  opacity: 100%;
  z-index: 1;
  outline: none;
  border-radius: 50px;
  border: none;
}