#hero {
    background-image: linear-gradient(rgba(255, 255, 255, 0.90), rgba(255, 255, 255, 0.90)), url(./images/briedoo-bg.jpg);
    background-size: cover;
    background-position: center;
}

@media (min-width: 1280px) {
    #how-it-works {
        background-image: url('./images/components-bg.png');
    }
    #available-contents #bg-container{
        background-image: url('./images/available-contents-bg.png');
    }
}

@media (min-width: 1024px) {    
    #web-platform {
        background-image: url('./images/web-platform-bg.png');
    }
    #available-contents #bg-container{
        background-image: url('./images/available-contents-bg.png');
    }
}