.hero-s1 {
    width: 100%;
    height: 400px;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)), url("../../../assets/media/s1_bg.png");
    background-repeat: no-repeat, no-repeat;
    background-size: 100% 100vh, cover;
    background-attachment: scroll, fixed;
    background-color: blueviolet;
}