.about-img:after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #D87210;
    position: absolute;
    left: 0;
    top: -20px;
    z-index: -1;
    transition: all 0.3s;
}

.about-img:hover:after {
    top: 20px;
}


@media only screen and (max-width: 414px) {

    .about-img:after {
        top: -10px;
    }

    .about-img:hover:after {
        top: 10px;
    }
}