#listings {

/* Gradient Background */
.half-gradient-bg {
  position: relative;
  z-index: 0;
}

.half-gradient-bg::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background: linear-gradient(to left, #edf3f6 0%, #edf3f6 100%);
  z-index: -1;
  pointer-events: none;
}

/* Maintain image aspect ratio using Bootstrap’s ratio helper */
.ratio > img {
  object-fit: cover;
}

  padding-top: 6rem;

#listings .listing-img {
    position: absolute;
    height: 50vh;
    aspect-ratio: 6 / 5 !important;
    object-fit: cover;
    z-index: 0;
  }

#listings .listing-text {
    height: 34vh;
    background-color: #EDF3F6;
    margin-top: 3vh;
    z-index: 10;
  }

#listings .btn-listings {
    width: 80%;
    height: 52px;
    background: #2E2E3A;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
    border-radius: 15px;
    line-height: 52px;
    text-align: center;
    font-family: "Manrope", sans-serif;
    font-weight: 300;
    font-size: 1.0rem;
    color: white;
    margin-top: 2rem;
    margin-bottom: 5rem;
  }
}