.background-image-section__media {
  position: relative;
  width: 100%;
  height: var(--background-image-height, 500px);
  overflow: hidden;
  background-color: #f2f9fa;
}

.background-image-section__media.is-auto-height {
  height: auto;
}

.background-image-section__media img,
.background-image-section__media svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.background-image-section__media.is-auto-height img,
.background-image-section__media.is-auto-height svg {
  height: auto;
}

.background-image-section__placeholder {
  background-color: rgb(var(--color-image-background));
}