How to make backgound color and image display together?

Question

JavaScript

.first_block {
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #F8F7FD 100%) 0% 0% no-repeat padding-box;
    background-image: url(../img/first_bg.svg);
    background-size: cover;
    opacity: 1;
    position: relative;
}

How to make it have both backgound color and backgound image?
Because in my case only the backgound image is displayed

Answer 1

Hang a function that changes srcthe image on click through attr

Answer 2

They get along great ..only you need to write on a different background: rgba(.......), url(....) and it will work