.card-bg-hotel,
.card-bg-destinasi,
.card-bg-makanan,
.card-bg-fasilitas,
.card-bg-jarak,
.card-bg-pickup,
.card-bg-tours {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.card-bg-hotel {
  background-image: url("../images/bg-hotel.webp") !important;
}

.card-bg-destinasi {
  background-image: url("../images/bg-destinasi.webp") !important;
}

.card-bg-makanan {
  background-image: url("../images/bg-makanan.webp") !important;
}

.card-bg-fasilitas {
  background-image: url("../images/bg-fasilitas.webp") !important;
}

.card-bg-jarak {
  background-image: url("../images/bg-jarak.webp") !important;
}

.card-bg-pickup {
  background-image: url("../images/bg-pickup.webp") !important;
}

.card-bg-tours {
  background-image: url("../images/bg-tours.webp") !important;
}

main.page-bg-overlay {
  position: relative;
  isolation: isolate;
}

main.page-bg-overlay::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.42);
  pointer-events: none;
  z-index: 0;
}

main.page-bg-overlay > * {
  position: relative;
  z-index: 1;
}