.side-img img {
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 302px 301px;
    width: 302px;
    /*width: 302px;*/
    /*height: 30%;*/
    height: 301px;
    float: right;
    margin: 0 0 10px 30px;
}

@media all and (min-width: 611px) and (max-width: 1315px) {
    .side-img img {
        margin: 0 auto 40px 0;
    }
}

@media all and (min-width: 476px) and (max-width: 610px) {
    .side-img img {

        background-repeat: no-repeat;
        background-size: 200px 199px;
        width: 199px;
        height: 199px;
        /*float: none;*/
        margin: 0 auto 40px 0;
    }
}

@media all and (max-width: 475px) {
    .side-img img {
        display: none;

        background-position: top left;
        background-size: 100px 100px;
        width: 100px;
        height: 100px;
        float: none;
        margin: 0 auto 40px 0;
    }
}