.hero { --hero-background-image: var(--hero-desktop); } @media (max-width: 991.98px) { .hero { --hero-background-image: var(--hero-mobile); } }