.property-gallery {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  grid-gap: 10px;
}

.property-gallery .left {
  height: 100%;
}

.property-gallery .left img,
.property-gallery .right img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* No stretching */
  border-radius: 8px;
}

/* 4 small images grid */
.property-gallery .right {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 10px;
}

/* Mobile fallback: Bootstrap layout */
@media (max-width: 991px) {
  .property-gallery {
    display: block;
  }
  .property-gallery .right {
    display: none; /* Show only the main image on small screens */
  }
}