.hero-image-overlay{background-image:linear-gradient(to top,color-mix(in srgb,var(--hero-bg) var(--hero-overlay-from,100%),transparent),color-mix(in srgb,var(--hero-bg) var(--hero-overlay-via,45%),transparent),transparent)}@media (min-width:768px){.hero-image-overlay{background-image:linear-gradient(to top,color-mix(in srgb,var(--hero-bg) var(--hero-overlay-from-md,60%),transparent),color-mix(in srgb,var(--hero-bg) var(--hero-overlay-via-md,10%),transparent),transparent)}}