.ct-hero { width: 100%; }

.ct-hero__wrap{
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 0;
}

/* Responsive height (desktop to mobile) */
.ct-hero__wrap{
  height: clamp(220px, 32vw, 520px);
}

/* Image fills the banner */
.ct-hero__img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;       /* fills nicely */
  object-position: center; /* keeps center visible */
}



/* Mobile fine-tuning */
@media (max-width: 575.98px){
  .ct-hero__wrap{ height: 220px; }
  .ct-hero__img{ object-position: center; padding-top:4em;}
}

.ct-hero { width: 100%; }

.ct-hero__wrap{
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #0b1220; /* fallback background behind image */
  height: clamp(220px, 32vw, 520px);
}

.ct-hero__img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain; 
  object-position: center;
  margin-top:-2em;
}



@media (max-width: 575.98px){
  .ct-hero__wrap{ height: 220px; }
}