JSFiddle - React, Tailwind, and code Playground

HTML

<div class="pai">
    <div class="img"><img src="http://oculoscarrera.com/wp-content/uploads/2011/03/oculos-carrera-ticky-vermelho.jpeg"></div>
    <div class="txt">Teste texto vamos lá</div>
</div>

CSS

.pai{
    background-image: url("http://conteudo.imasters.com.br/7901/image_38.jpg");
   background-size: 50% 100%;
    background-repeat: no-repeat;
    background-position: right top;
    width: 350px;
    height: 370px;
    position: relative;
}

.img{
    width: 50%;
    float: left;
    margin-top: 40%;
}

.img img{
    max-width: 100%;
}

.txt{
    width: 50%;
    color: red;
    font-size: 16px;
    float: left;
    text-align: center;
    margin-top: 35%;
}