.hero-slider-1 {
  height: auto; 
}

.banner-wrap {
  max-width: 100%;
  margin: 0px;
  padding: 0px; 
}

.banner-img {
  display: flex;
  justify-content: flex-end;
  position: relative;
}

.banner-img img {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: auto;
  max-height: 100%; 
}

.banner-content {
  position: absolute;
  top: 0px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%; 
}