#highlights {
  width: 100%;
  position: relative;
  overflow: hidden;
  height: auto;
}

#sliderImages {
  width: 100%;
  position: relative;
  overflow: hidden;
  height: auto;
}

.highlight {
  position: relative;
  width: 100%;
  display: block;
  height: auto;
  object-fit: cover;
}

#highlights .highlight iframe,
#highlights .highlight.videoContainer,
#highlights .highlight.videoContainer .videoComponentPlaceholder,
#highlights .highlight.videoContainer video {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}

#highlights .highlight.videoContainer video {
  pointer-events: none;
}

@media screen and (max-width: 768px) {
  .highlight {
    object-fit: contain;
    height: auto;
  }
}