JSFiddle - React, Tailwind, and code Playground

HTML

<div class="basket">
    <div class="basket_unit">
        <div class="image">
            <img itemprop="image" src="http://www.gravatar.com/avatar/860d17521f6f0037ed09cfcff155abe6?s=100&amp;d=http%3A%2F%2Fhtmlforum.ru%2Fpublic%2Fstyle_images%2Fmaster%2Fprofile%2Fdefault_large.png" class="ipsUserPhoto ipsUserPhoto_large">
        </div>
    </div>
</div>

CSS

.basket .basket_unit .image {
    display: block;
    position: relative;
    float: left;
    width: 100px;
    height: 180px;
    line-height: 180px;
    background: red;
    text-align: center;
}

.basket .basket_unit .image img {
    vertical-align: middle;
    display: inline-block;
    max-width: 90%;
    max-height: 90%;
    border: 1px solid #000;
}