.responsive-image-container {
    width: 100%;
    height: 100%;
    max-height: 400px;
    display: inline-block;
    height: 380px;
    width: 25%;
    background-size: cover !important;
    vertical-align: middle;
}

.sb-container img {
    max-height: 450px;
    max-width: 450px;
}

.center-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

@media screen and (max-width: 944px) {
    .sb-container img {
        padding-bottom: 15px;
    }
}

@media screen and (min-width: 945px) {
    .sb-container img {
        padding: 9px;
    }
}