#main-slider {
    padding-top: 170px;
    padding-bottom: 170px;
    position: relative;
    background-size: cover;
    background-position: center;

    .container {
        position: relative;
        z-index: 1;
    }

    .wrap {
        display: grid;
        gap: 30px;
    }

    h1 {
        font-size: 70px;
        color: #fff;
        font-weight: 700;
        letter-spacing: -1px;
    }   

    .description {
        font-size: 20px;
        max-width: 500px;
    }

     @media (max-width: 980px) {
        padding-top: 80px;
        padding-bottom: 80px;

        h1 {
            font-size: 52px;
        }
    } 

    .overlay {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0, 0, 0, 0.5);
        background: linear-gradient(45deg, black, transparent);
        z-index: 0;

        _background: linear-gradient(45deg, black 30%, transparent);
    }
}