JSFiddle - React, Tailwind, and code Playground

HTML

<section class="vbox">
    <div class="bg-partageur col-lg-12 col-md-12 col-sm-12 col-xs-12">
        <div class="col-lg-2 col-md-2 col-sm-0 col-xs-0"></div>
        <div class="profil-partageur col-lg-8 col-md-8 col-sm-12 col-xs-12 m-t-xl">
            <span class="col-lg-2 col-md-2 col-sm-2 col-xs-3">
                <img src="http://www.grafikart.fr/img/avatars/30/29318.jpg" class="img-circle">
            </span>
            <div class="info-profil v-middle col-lg-7 col-md-7 col-sm-6 col-xs-5">
                <h1>Perle-Anne</h1>
                <p>158m, Rue du sergent Blandan, Nancy</p>
                <button class="btn m-b-md">
                    <span class="text">
                        <i class="fa fa-heart"></i>Modifier mon profil
                    </span>
                </button>
            </div>
            <div class="rating col-lg-3 col-md-3 col-sm-3 col-xs-3 m-t-md">
                <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star-o"></i><p>17 avis</p>
            </div>
        </div>  
    </div>
</section>

CSS

.bg-partageur {
    background-image:url("http://subtlepatterns.com/patterns/congruent_outline.png");
    background-repeat:no-repeat;
    background-position:center center;
    background-size:2000px;
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
    padding-bottom:40px;
}
.profil-partageur {
    height:auto;
    border:1px solid white;
    color:#fff;
    padding:10px 10px ;
    background:transparent;
}
.profil-partageur img{
    border:1px solid white;
    width:100px;;
}