/* 
    The purpose of this file is to specify any styles to override the existing styles available in the Booking Pages. 
    Refer to https://tourismexchange.atlassian.net/wiki/x/CpIL for instructions.
*/
/*Example of linking Images from CSS file.
.someClassName { 
  background-image: url('../images/your_image.png');
}
*/

.background-container {
  position: relative;
  width: 100%;
  min-height: 400px; /* Adjust height as needed */
  overflow: hidden; /* Prevents image spillover */
}

/* 2. Force the <img> tag to behave like a background */
.bg-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* Equivalent to background-size: cover */
  object-position: center; /* Equivalent to background-position: center */
  z-index: 1; /* Puts the image at the bottom layer */
}