JSFiddle - React, Tailwind, and code Playground

HTML

<div class="img">
        <img src="http://s019.radikal.ru/i643/1511/2a/4bc051368e9d.png" alt="">
</div>
 
<div class="img">
        <img src="http://s017.radikal.ru/i421/1511/df/e69450328d29.png" alt="">
</div>

<div class="img">
        <img src="http://s58.radikal.ru/i160/1511/f2/37599041182b.png" alt="">
</div>

<div class="img">
        <img src="http://s020.radikal.ru/i701/1511/e4/40a915b89203.png" alt="">
</div>

CSS

.img {
        display: inline-block;
        margin-right: 50px;
        width: 160px;
        height: 160px;
        border: 2px solid #999;
        border-radius: 50%;
        background: #fff;
        text-align: center;
    }
.img:nth-child(2) {
    /* background: rgb(52, 201, 227); */
    backgrou/* nd: -moz-linear-gradient(91deg, rgb(52, 201, 227) 0%, rgb(92, 204, 174) 100%); */
    backgroun/* d: -webkit-linear-gradient(91deg, rgb(52, 201, 227) 0%, rgb(92, 204, 174) 100%); */
    background: -/* o-linear-gradient(91deg, rgb(52, 201, 227) 0%, rgb(92, 204, 174) 100%);
    background: -ms-linear-gradient(91deg, rgb(52, 201, 227) 0%, rgb(92, 204, 174) 100%); */
    /* background: linear-gradient(181deg, rgb(52, 201, 227) 0%, rgb(92, 204, 174) 100%); */
}
.img img {
        margin-top: 40px;
 }