JSFiddle - React, Tailwind, and code Playground

by mrnobody

HTML

<div class="box">
    <div class="box-half box-content">
         <h2>Решение есть!</h2>

    </div>
</div>

CSS

body {
    font: 1.3em/1.3 sans-serif;
}

.box {
    position: relative;
    padding-left: 50%;
}

.box:before {
    content:'';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 50%;
    background: url(http://img2.goodfon.ru/original/1920x1080/5/cf/poro-league-of-legends-poro.jpg) no-repeat 50%;
    -webkit-background-size: cover;
    background-size: cover;
}

    .box-content {
        padding: 20px;
        background-color: #81821C;
        color: #fff;
        height: 300px;
    }