JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
	<div class="block one">
		<img src="http://azharova.ru/test/img/images/pic_29.png">
		<div class="content">
				<p>Начать день с веселого семейного завтрака — беспроигрышный ход для поднятия настроения на весь день. Мы выбрали для вас самые интересные и вкусные места.</p>
				<p>Начать день с веселого семейного завтрака — беспроигрышный ход для поднятия настроения на весь день. Мы выбрали для вас самые интересные и вкусные места.</p>
		</div>
		<a href="" class="button">Принять участие</a>
	</div>
	<div class="block two">
		<img src="http://azharova.ru/test/img/images/pic_29.png">
		<div class="content">
				<p>Начать день с веселого семейного завтрака — беспроигрышный ход для поднятия настроения на весь день. Мы выбрали для вас самые интересные и вкусные места.</p>
				<p>Начать день с веселого семейного завтрака — беспроигрышный ход для поднятия настроения на весь день. Мы выбрали для вас самые интересные и вкусные места.</p>
		</div>
		<a href="" class="button">Принять участие</a>
	</div>
	<div class="block three">
		<img src="http://azharova.ru/test/img/images/pic_29.png">
		<div class="content">
				<p>Начать день с веселого семейного завтрака — беспроигрышный ход для поднятия настроения на весь день. Мы выбрали для вас самые интересные и вкусные места.</p>
				
		</div>
		<a href="" class="button">Принять участие</a>
	</div>
</div>

CSS

.wrap {
		position: relative;
		overflow: hidden;
	}
	.block { 
		background: #d7f0f5;
		width: 200px;
		float: left;
		margin-left: 20px;
		padding-bottom: 50px;
	}
	.block:before {
		position: absolute;
		width: 200px;
		top: 0;
		bottom: 0;
		background: #d7f0f5;
		content: '';
		z-index: -1;
	}
		

	.one { margin-left: 0;}
	

	.button {  
		position: absolute;
		bottom: 20px;
		font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
      
   
    
    color: #f04f2b;
    display: block;
    height: 32px;
    line-height: 32px;
    padding-bottom: 0;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0;
    text-align: center;
    background: #fff;
    margin: 0 20px;
   
}

		.block img { width: 200px;}