CODE EXAMPLE FOR CSS

overlay background image

#main {
 height: 100vh;
 width: 100%;
 background: linear-gradient(to right, rgba(50, 70, 80, 0.7), rgba(30, 20, 150, 0.7)), url("https://loremflickr.com/720/640") no-repeat fixed;
}