flex item for listing images go into center

html

<div class="revies">
        <div class="flex-item">
                <img src="#" class="img-responsive" />
        </div>
</div>

css

.reviews .flex-item {

1. display: flex;
2. flex-direction: column;
3. justify-content: center;
4. align-items: center;
5. height: 205px;
6. overflow: hidden;
7. padding: 10px;
8. margin-top: 13px;

}

img have bootstrap class or add custom class 

.img-mycustom{

1. display: block;
2. max-width: 100%;
3. height: auto;

}

shahzad_samejo@yahoo.com