/*
 * Hero background — responsive image swaps.
 *
 * Static CSS (no PHP). Paths are resolved by the browser relative to
 * this file's URL: assets/css/parts/ → ../../images/.
 */

@media (max-width: 1024px) {
    #bg-image {
        background-image: url('../../images/hero-background-tablet.avif') !important;
    }
}

@media (max-width: 768px) {
    #bg-image {
        background-image: url('../../images/hero-background-mobile.avif') !important;
    }
}