Как выровнять картинку по центру блока?

Есть блок "coffee", как выровнять картинку по центру?

CSS:

.coffee {
        height: 400px;
        width: 400px;
        box-shadow: 0px 0px 10px 0.3px grey;
        margin: 0 auto;
        margin-top: 86px;
        margin-right: 210px;
        background-image: url(../images/coffee.png);
        background-repeat: no-repeat;
        background-size: cover;
}