.hero-image-container {
  width: 100%;
  height: 32vh;
  /* background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-image: url("../assets/images/center/outside-3-23-2022-large.jpg"); */
  background-color: black
}

.hero-video {
  width: 100%;
  height: 100%;
  aspect-ratio: 16 / 9;
  margin: 0 auto
}

@media (min-width: 768px) {
  .hero-image-container {
    height: 60vh;
    background-size: cover;
    /*background-image: linear-gradient(to top, rgba(0,0,0,.55) 60px, transparent 100px), url("../assets/images/center/outside-3-23-2022-large.jpg");*/
  }
}

.badge {
  margin-top: 0.75rem
}