Линейный градиент для фона сайта не работает на Chrome для Android 8+

Question

У меня проблемы с настройкой webkit-linear-Gradient для работы на Android 8.1 с Chrome 73. У меня есть следующий класс CSS, где я пытаюсь затемнить фоновое изображение, чтобы сделать текст над ним более разборчивым. Он работает на настольном Chrome и Firefox на Android, но не на Chrome на Android. Здесь я проверил другие подобные вопросы, такие как ( CSS3 линейный градиент не работает на Android. ) и многие другие, но пока не повезло.

.site-wrapper {
    background-image: -moz-linear-gradient(top, rgba(28,28,28,0.65) 0%, rgba(19,19,19,0.65) 100%),
        url(img/photo_site.jpg); /* FF3.6-15 */
    background-image: linear-gradient(to bottom, rgba(28,28,28,0.65) 0%,rgba(19,19,19,0.65) 100%),
        url(img/photo_site.jpg); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a61c1c1c', endColorstr='#a6131313', GradientType=0 ); /* IE6-9 */
    background-image: -webkit-linear-gradient(left, transparent, black 50%, transparent),
        url(img/photo_site.jpg);

    background-attachment: fixed;
    z-index: 1;
}

Спасибо за вашу помощь.