.community-hero {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 100%;
	background: var(--dark-blue);
}

.community-hero__video, .community-hero__img {
  aspect-ratio: 2.9;
  vertical-align: middle;
}

/* @media screen and (max-width: 980px) { */
@media (min-aspect-ratio: 16/9) {
  .community-hero__video, .community-hero__img {
	aspect-ratio: 3.2;
  }
}

.community-hero__video {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow:hidden;
}
.community-hero__video-vert-offset .background-video-container {
  margin-top: var(--video-vert-offset);
}
.community-hero__img {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
}
@supports not (aspect-ratio: 1 / 1) {
	.community-hero__video::before,
    .community-hero__img::before,
	.community-hero__video::after,
    .community-hero__img::after {
		content: "";
		display: table;
		clear: both;
		width: 1px;
		margin-left: -1px;
	}
	.community-hero__video::before,
	.community-hero__img::before{
		float: left;
		padding-bottom: calc(1 / 3.4 * 100%);
	}
}

.community-hero > * {
    grid-area: 1 / 1 / 2 /2;
}

.community-hero .background-video-container {
  width: 100%;
}

@media screen and (max-width: 780px) {
  .community-hero__video, .community-hero__img {
	aspect-ratio: 2;
  }
}