CSS Блока с градиентом и изображением


.uk-background-black {
    background: rgba(0, 0, 0, 0.8) !important;
    background-image: linear-gradient(to top, rgba(0, 0, 0, .90), rgba(0, 0, 0, .50), rgba(0, 0, 0, .05), rgba(0, 0, 0, .50), rgba(0, 0, 0, .90)), url(../images/pattern.svg) !important;
    border-top: 1px solid #ffcc00;
    border-bottom: 1px solid #ffcc00;
}

Ссылка на изображение

CSS Фон для секции


.your_class {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .40), rgba(0, 0, 0, .10), rgba(0, 0, 0, .40)), url(https://htmlteacher-topacademy76.ru/data/uploads/backgrounds/bg_pages.webp) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    position: relative !important;
    background-attachment: fixed !important;
    background-size: cover !important;
}

Весь проект для сверки и просмотра

https://htmlteacher-topacademy76.ru/data/uploads/py51/project.7z

Заказать обратный звонок