/* FAST-SLIDER: prevent first-load wrong sizing (before images load) */
.fast-slider,
.fast-slider .elementor-swiper,
.fast-slider .swiper,
.fast-slider .slick-list,
.fast-slider .owl-stage-outer {
  overflow: hidden;
}

/*
  Your carousel (from carousel.txt) is a Slick slider of logo "banners" that use
  background images on .nasa-banner-image divs (not <img> tags).

  First-load issue: Slick calculates slide heights before lazyloaded backgrounds
  are applied, leaving tiny inline heights until a later recalc (works on reload).
*/

/* Give a stable height so Slick doesn't start with ~0px slides */
.fast-slider .banner.nasa-banner {
  height: 110px !important; /* tweak if you want bigger/smaller logos */
}

/* Make the background logos display consistently */
.fast-slider .nasa-banner-image {
  height: 110px !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: contain !important;
}

@media (max-width: 767px) {
  .fast-slider .banner.nasa-banner {
    height: 80px !important;
  }
  .fast-slider .nasa-banner-image {
    height: 80px !important;
  }
}