/* .banner-hero-detail {
    position: relative;
    display: block;
    width: 100%;
    height: clamp(300px, calc(450 / var(--container) * 100vw), 500px);
}

.banner-hero-detail::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: url(/assets/images/pages/banner-hero-detail.png) no-repeat 50% / cover;
} */