JSFiddle - React, Tailwind, and code Playground

by SvetaGr

HTML

<div class="wrap">
    <div class="col_l">
        <p>Песенки, фейерверки, лай собаки на закате — всё это в прошлом. Мы предлагаем вам нечто особенное, то, что нельзя поставить в один ряд с чем-либо. Зажигательная самба, чувственная румба или возвышенный медленный вальс — все эти танцы пробуждают чувства, дарят эмоции, несравнимые больше ни с чем. Вместо тысячи слов, просто посмотрите наше видео — и вы непременно захотите увидеть наше выступление в живую.</p>
    
    <p>Эти слова совершенно справедливы, однако нередуцируемость содержания изящно продолжает цвет, таким образом, все перечисленные признаки архетипа и мифа подтверждают, что действие механизмов мифотворчества сродни механизмам художественно-продуктивного мышления.</p>
    
    <p>Типическое многопланово заканчивает резкий экспрессионизм, таким образом, второй комплекс движущих сил получил разработку в трудах А. Берталанфи и Ш. Бюлера. Онтогенез, следовательно, дает общекультурный цикл, это же положение; обосновывал Ж. Польти в книге «Тридцать шесть драматических ситуаций».</p> 
    </div>
    <div class="col_r" style="vertical-align:bottom; text-align:center;"><img src="http://leveler.ru/popukaki/img/pic1.jpg" class="bott"></div>
</div>

CSS

body {
	margin:0;
	background:#eee;
}
.wrap{
	margin:auto;
	width:95%;
	background:#fff;
}
.col_l, .col_r{
	display:table-cell;
}
.col_l{
	width:33%;
}
.col_r{
	width:67%;
	/*background: url(http://leveler.ru/popukaki/img/pic1.jpg) no-repeat 50% 100%;
	background-size: 100% auto;*/
}
.col_r img.bott{
	vertical-align:bottom;
}