/*about hero*/
.hero {
    position: relative;
    height: 60vh;
    background-image: url("/assets/images/hero.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    /*hero overlay*/

    &:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: linear-gradient(to bottom, #00000085, #00000041, #00000000);
    }
}

/*/content*/
.content {
    position: relative;
    margin-top: -7rem;
    border-style: solid;
    z-index: 1;
    @media screen and (min-width: 992px) {
        margin-top: -10rem;
    };

    img {
        width: 100%;
    }
;
}

;