JSFiddle - React, Tailwind, and code Playground

HTML

<div class="progr">
	<h2>Программа лагеря</h2>
	<div class="program_types">
		<div class="program_types-img">
			<img src="img/psc.png" alt="">
			<div class="pr_text">
			<p>ФИЗ.ПОДГОТОВКА:<br>Тренировки по нормативам<br> ГТО, Рукопашный бой,<br>Бассейн</p>
		</div>
		</div>
		<div class="program_types-img">
			<img src="img/lang.png" alt="">
			<div class="pr_text">
			<p>ИНОСТРАННЫЙ ЯЗЫК:<br>Уроки английского языка<br>по тематике лагеря</p>
		</div>
		</div>
		<div class="program_types-img">
			<img src="img/practic.png" alt="">
			<div class="pr_text">
			<p>ПРАКТИЧЕСКИЕ ЗАНЯТИЯ:<br>Пейнтбольные квесты,<br>приключенческие квесты</p>
		</div>
		</div>
		<div class="program_types-img">
			<img src="img/theory.png" alt="">
			<div class="pr_text">
			<p>ТЕОРЕТИЧЕСКИЯ ЗАНЯТИЯ:<br>Обучение тактике - атаки и<br>обороны от<br>профессиональных<br>спортсменов</p>
		</div>
		</div>
		<div class="program_types-img">
			<img src="img/teampl.png" alt="">
			<div class="pr_text">
			<p>КОМАНДНЫЕ ИГРЫ:<br>Футбол, волейбол</p>
		</div>
		</div>
		<div class="program_types-img">
			<img src="img/creation.png" alt="">
			<div class="pr_text">
			<p>ТВОРЧЕСТВО:<br>Вечера творческой<br>самодеятельности</p>
		</div>
		</div>
		<div class="program_types-img">
			<img src="img/exc.png" alt="">
			<div class="pr_text">
			<p>Экскурсия в Центральный<br>музей бронетанкового<br>вооружения и техники<br>в Кубинке</p>
		</div>
		</div>
		<div class="program_types-img">
			<img src="img/competit.png" alt="">
			<div class="pr_text">
			<p>СОРЕВНОВАНИЯ:<br>по пейнтболу,<br>по ГТО, по плаванию</p>
		</div>
		</div>
		<div class="program_types-img">
			<img src="img/parents.png" alt="">
			<div class="pr_text">
			<p>Родительский день<br>"Спортивная семья"</p>
		</div>
		</div>
	</div>
</div>

CSS

.progr {
	background-image: url(../img/five.png);
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
    width: 100%;
    top: 1888px;
}

.progr h2 {
	text-align: center;
	padding-top: 110px;
}

.program_types {
	padding: 38px 80px 0 80px;
	text-align: center;
	font-family: Exo2Bold;
}

.program_types img {
	padding: 0 56px;
	width: 296px;
	height: 175px;
}

.program_types-img {
	display: inline-block;
	color: #fff;
}