/* CSS 배경으로만 제공되던 지역 대표사진을 검색 가능한 실제 이미지로 렌더링합니다. */
.region-hero[data-bandal-image-render] {
  isolation: isolate;
}

.region-hero[data-bandal-image-render] > .bandal-region-hero-image {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--hero-position, center);
}

.region-hero[data-bandal-image-render]::before {
  z-index: 1;
}

.region-hero[data-bandal-image-render]::after {
  z-index: 2;
}

.region-hero[data-bandal-image-render] > :not(.bandal-region-hero-image) {
  position: relative;
  z-index: 3;
}