.hover-reveal {
	position: fixed;
	width: 200px;
	height: 150px;
	top: 0;
	left: 0;
	pointer-events: none;
	opacity: 0;
}

.hover-reveal__inner,
.hover-reveal__img {
	width: 100%;
	height: 100%;
	position: relative;
}

.hover-reveal__deco {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #181314;
}

.hover-reveal__img {
	background-size: cover;
	background-position: 50% 50%;
}

.marque-span {
	color: white;
}

.booking-section {
	font-weight: 500;
	margin-top: 10px;
}

 .responsive-bg {
  width: 100%;
  height: 70vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media (max-width: 768px) {
  .responsive-bg {
    height: 50vh; /* or adjust based on your needs */
  }
}

@media (max-width: 480px) {
  .responsive-bg {
    height: 30vh;
  }
}