#philosophy-roots {
    position: relative;
    background-color: var(--lighter-grey);
    /*padding-top: 30px;*/
    margin-top: -250px;
    padding-top: 280px;
}

@media (max-width: 991.8px) {
    #philosophy-roots {
        position: relative;
        overflow: hidden;
    }

    #roots-image {
        width: 120%;
        max-width: 120%;
        margin-left: -10%;
    }
}
@media(max-width: 767.8px){
    #philosophy-roots{
        padding-top: 30px;
        margin-top: 0;
    }
}