.heroContainer {
    width: 100%;
  }
  
  .imageWrapper {
    position: relative;
    width: 100%;
    height: 407px;
  }
  
  .filterOverlay {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    display: flex;
    justify-content: center;
    transform: translate(-50%, -50%);
    z-index: 1;
  }

  .banner{
    height: 407px;
    width: 100%;
    background-image: url("/images/frontend-assets/the-destination-front-rendering_m 1.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }