.smthm-hero{
  display:block;
  width:100%;
  position:relative;
  height: var(--smthm-h, 60vh);
  overflow:hidden;
}
.smthm-hero img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.smthm-hero__media{
  width:100%;
  height:100%;
  object-fit:cover;
}
.smthm-hero__slideshow{ position:absolute; inset:0; }
.smthm-hero__slide{
  position:absolute;
  inset:0;
  opacity:0;
  transition: opacity .8s ease;
}
.smthm-hero__slide.is-active{ opacity:1; }
.smthm-hero__slide img{ width:100%; height:100%; object-fit:cover; display:block; }

.smthm-hero__youtube{ position:absolute; inset:0; }
.smthm-hero__iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }

.smthm-hero__mp4{ position:absolute; inset:0; }
.smthm-hero__video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }

.smthm-hero__overlay{
  position:absolute;
  inset:0;
  background:#000;
  pointer-events:none;
}


@media (max-width: 782px){
  .smthm-hero{
    height:auto;
    aspect-ratio: var(--smthm-ar, 16 / 9);
  }
  .smthm-hero img,
  .smthm-hero__media,
  .smthm-hero__slide img,
  .smthm-hero__iframe,
  .smthm-hero__video{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
  }
}