JSFiddle - React, Tailwind, and code Playground

HTML

<section>
		<div class="container">
			<div class="nav"><div class="usenav">
					<h2>ВОСПОЛЬЗУЙТЕСЬ НАВИГАЦИЕЙ</h2>
				</div>
					<div class="block clearfix"><div class="block_item">	
						<img src="http://selfiequiz.com/wp-content/uploads/2016/12/character.jpg" alt="">
            <a href="#">Автоаксессуары</a>
					</div><div class="block_item">
            <img src="http://selfiequiz.com/wp-content/uploads/2016/12/character.jpg" alt="">
						<a href="#">Автоэлектроника</a>
					</div><div class="block_item">
            <img src="http://selfiequiz.com/wp-content/uploads/2016/12/character.jpg" alt="">
						<a href="#">Авточехлы</a>
					</div><div class="block_item">
            <img src="http://selfiequiz.com/wp-content/uploads/2016/12/character.jpg" alt="">
						<a href="#">Дефлекторы</a>
					</div><div class="block_item">
            <img src="http://selfiequiz.com/wp-content/uploads/2016/12/character.jpg" alt="">
						<a href="#">Тюнинг</a>
					</div></div>
		</div>
	</section>

CSS

.usenav {
	padding-top: 70px;
}
.usenav h2 {
	margin: 0;
	color: #000;
	text-align: center;
	text-transform: uppercase;
	padding-top: 70px;
}
.block {
	margin: 0 auto;
	padding-top: 50px;
}
.block_item {
	text-align: center;
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	padding: 20px 0;
	width: 240px;
	height: 240px;
  position:relative;
  display:inline-block;
  margin:5px;
}
.block_item img{
  position:absolute;
  width:100%;
  height:100%;
  z-index:-1;
}
.block_item a{
  display:inline-block;
  width:100%;
  text-align:center;
}