#img-container {
  position: relative;
  width: 100%;
  height: 250px; /* ajusta según tu diseño */
  overflow: hidden;
}

#img-edificio {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

#img-loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.7);
}

#img-loader::after {
  content: "";
  width: 40px;
  height: 40px;
  border: 4px solid #1c6bff;
  border-top-color: transparent;
  border-radius: 50%;
  animation: girar 1s linear infinite;
}

@keyframes girar {
  to {
    transform: rotate(360deg);
  }
}