.color-mask-hero {
     background:
        linear-gradient(
            to bottom,
            rgba(0, 0, 0, 0.1) 0%,
            rgba(0, 0, 0, 0.1) 90%,
            rgba(0, 0, 0, 0.5) 95%,
            rgba(0, 0, 0, 0.6) 96%,
            rgba(0, 0, 0, 0.7) 97%,
            rgba(0, 0, 0, 0.8) 98%,
            rgba(0, 0, 0, 0.9) 99%,
            rgba(0, 0, 0, 1) 100%
        ) repeat scroll 0 0
}